import React, { JSX } from 'react';
import Icon from '@ant-design/icons';
import type { CustomIconComponentProps } from '@ant-design/icons/lib/components/Icon';

const LogoutSvg = () => (
  <svg
    version="1.1"
    width="11px"
    height="11px"
    viewBox="0 0 11.0 11.0"
    xmlns="http://www.w3.org/2000/svg"
  >
    <defs>
      <clipPath id="LogoutSvgi0">
        <path d="M1440,0 L1440,796 L0,796 L0,0 L1440,0 Z" />
      </clipPath>
      <clipPath id="LogoutSvgi1">
        <path d="M7.45,0 C8.80309764,0 9.9,1.09690236 9.9,2.45 C9.9,2.69852814 9.69852814,2.9 9.45,2.9 C9.20147186,2.9 9,2.69852814 9,2.45 C9,1.59395864 8.30604136,0.9 7.45,0.9 L2.45,0.9 C1.59395864,0.9 0.9,1.59395864 0.9,2.45 L0.9,7.45 C0.9,8.30604136 1.59395864,9 2.45,9 L7.45,9 C8.30604136,9 9,8.30604136 9,7.45 C9,7.20147186 9.20147186,7 9.45,7 C9.69852814,7 9.9,7.20147186 9.9,7.45 C9.9,8.80309764 8.80309764,9.9 7.45,9.9 L2.45,9.9 C1.09690236,9.9 0,8.80309764 0,7.45 L0,2.45 C0,1.09690236 1.09690236,0 2.45,0 L7.45,0 Z" />
      </clipPath>
      <clipPath id="LogoutSvgi2">
        <path d="M0.866743702,0.146446609 L2.34680459,1.72965835 C2.43358777,1.81644152 2.48180064,1.92718921 2.49144322,2.04059962 L2.49144322,2.20379362 C2.48180064,2.31720403 2.43358777,2.42795172 2.34680459,2.5147349 L0.853553391,4.10793647 C0.658291245,4.30319861 0.341708755,4.30319861 0.146446609,4.10793647 C-0.0488155365,3.91267432 -0.0488155365,3.59609183 0.146446609,3.40082969 L1.345,2.121 L0.159636921,0.853553391 C-0.0356252254,0.658291245 -0.0356252254,0.341708755 0.159636921,0.146446609 C0.354899066,-0.0488155365 0.671481556,-0.0488155365 0.866743702,0.146446609 Z" />
      </clipPath>
    </defs>
    <g transform="translate(-164.0 -774.0)">
      <g clip-path="url(#LogoutSvgi0)">
        <g transform="translate(164.6372248849037 770.75)">
          <g transform="translate(0.0 4.015084503395883)">
            <g clip-path="url(#LogoutSvgi1)">
              <polygon
                points="0,0 9.9,0 9.9,9.9 0,9.9 0,0"
                stroke="none"
                fillRule="evenodd"
              />
            </g>
            <g transform="translate(1.949999999999818 4.218852155107015)">
              <path
                d="M0.5,0.5 L5.5,0.5"
                stroke="#AEB6CB"
                stroke-width="0.9"
                fill="none"
                stroke-linecap="round"
                stroke-miterlimit="10"
              />
            </g>
            <g transform="translate(6.456748798694207 2.5966555318882456)">
              <g clip-path="url(#LogoutSvgi2)">
                <polygon
                  points="0,0 2.49144322,0 2.49144322,4.25438308 0,4.25438308 0,0"
                  stroke="none"
                  fillRule="evenodd"
                />
              </g>
            </g>
          </g>
        </g>
      </g>
    </g>
  </svg>
);
const LockedSvg = () => (
  <svg version="1.1" width="14.6205px" height="19px" viewBox="0 0 14.6205 19">
    <g
      id="734thkasd"
      stroke="none"
      strokeWidth="1"
      fill="none"
      fillRule="evenodd"
    >
      <g
        id="ascnu34t"
        transform="translate(-1175.979500, -682.000000)"
        fill="currentColor"
      >
        <g id="asdasdxe3" transform="translate(1175.979500, 682.000000)">
          <path
            d="M12.1539113,6.27853334 L10.6911235,6.27853334 L10.6911235,4.27853334 L10.6912094,4.278 L10.6912406,3.58545714 C10.6912406,2.43902944 9.79119026,1.50966616 8.68092188,1.50966616 L5.93957813,1.50966616 C4.82930974,1.50966616 3.92925938,2.43902944 3.92925938,3.58545714 L3.92925938,6.61706146 L2.46720938,6.61706146 L2.46720938,3.58545714 C2.46720938,1.60526384 4.02184182,0 5.93957813,0 L8.68092188,0 C10.5986582,0 12.1532906,1.60526384 12.1532906,3.58545714 L12.1539113,6.27853334 Z"
            id="dg4t4t"
            fillRule="nonzero"
          />
          <path
            d="M12.7929375,5.70111316 C13.8022724,5.70111316 14.6205,6.54598886 14.6205,7.58819586 L14.6205,17.1129173 C14.6205,18.1551243 13.8022724,19 12.7929375,19 L1.8275625,19 C0.818227602,19 0,18.1551243 0,17.1129173 L0,7.58819586 C0,6.54598886 0.818227602,5.70111316 1.8275625,5.70111316 L12.7929375,5.70111316 Z M12.7929375,7.21077932 L1.8275625,7.21077932 C1.62569552,7.21077932 1.46205,7.37975446 1.46205,7.58819586 L1.46205,17.1129173 C1.46205,17.3213587 1.62569552,17.4903338 1.8275625,17.4903338 L12.7929375,17.4903338 C12.9948045,17.4903338 13.15845,17.3213587 13.15845,17.1129173 L13.15845,7.58819586 C13.15845,7.37975446 12.9948045,7.21077932 12.7929375,7.21077932 Z"
            id="fw2e3gd"
            fillRule="nonzero"
          />
          <ellipse
            id="78yjtrhds"
            cx="7.31025"
            cy="12.3505566"
            rx="1.53859777"
            ry="1.58870694"
          />
        </g>
      </g>
    </g>
  </svg>
);

const CallSvg = () => (
  <svg version="1.1" width="21px" height="23px" viewBox="0 0 21.0 23.0">
    <defs>
      <clipPath id="i0">
        <path d="M1440,0 L1440,796 L0,796 L0,0 L1440,0 Z" />
      </clipPath>
      <clipPath id="i1">
        <path d="M0.857638103,0 C2.49143517,0.022342524 3.94369923,1.13388309 4.38775689,2.70903103 C4.50784796,3.13353899 4.54974019,3.57201102 4.51343359,4.01327587 C4.47712699,4.45733354 4.10568253,4.7924714 3.67000331,4.7924714 C3.64766079,4.7924714 3.62252545,4.7924714 3.60018292,4.78967858 C3.13378274,4.75337198 2.78747361,4.34562092 2.82378021,3.87922073 C2.84332992,3.6390386 2.8209874,3.39885646 2.75675264,3.16705278 C2.51377769,2.30965842 1.72341091,1.70361745 0.832502764,1.69244619 C0.36330976,1.68686056 -0.010927517,1.30145202 0.000243744999,0.835051834 C0.005829376,0.371444461 0.382859468,0 0.846466841,0 Z" />
      </clipPath>
      <clipPath id="i2">
        <path d="M4.10752055,0.0400917275 C6.43114304,-0.370452151 8.23809467,2.4670484 8.94746981,4.20697245 C10.1260379,7.10870776 9.09548903,8.3598891 8.37773545,8.84863181 L8.03701195,9.0804355 C8.06494011,9.85404539 8.48944807,10.8036027 9.1988232,11.6498258 C9.91099115,12.4988417 10.7739711,13.0825401 11.5280313,13.2417306 L11.8156913,12.9456922 C12.1871358,12.5686621 12.6507432,12.3284799 13.167414,12.2446955 C14.4185954,12.0296487 15.801039,12.7306454 16.7366322,13.3590288 C17.7588027,14.0265117 18.6301611,14.8866989 19.3171938,15.9116622 L19.3367435,15.945176 C20.3980134,17.7046498 19.7109807,18.9251101 19.3674644,19.366375 L18.5379982,20.4304377 C17.7588027,21.4274728 16.5634777,22 15.3206748,22 C15.1279705,22 14.9352662,21.9860359 14.7397692,21.9581078 C11.1733438,21.4414369 7.43655662,19.1234 4.48455064,15.6044525 C1.52975184,12.0799193 -0.101252411,7.99682309 0.00487457781,4.40526235 C0.0523524413,2.94461985 0.879025829,1.61523967 2.16651377,0.930999872 L3.36183881,0.297030754 C3.59643531,0.171354056 3.84778871,0.0847767755 4.10752055,0.0400917275 Z M4.55995666,1.69623132 C4.50689316,1.69623132 4.45382967,1.70181695 4.40355899,1.7101954 C4.31698171,1.72415947 4.23599006,1.75208763 4.15779123,1.79397986 L2.96246619,2.42794898 C2.21119882,2.8273216 1.72524893,3.60651712 1.70011359,4.45832585 C1.60236504,7.6393427 3.0909357,11.3063095 5.78320985,14.5180473 C8.46989836,17.7241995 11.8240698,19.8271895 14.9827441,20.2852113 C15.8373456,20.4080952 16.6807759,20.0645789 17.2058252,19.3915103 L18.0352914,18.3274476 C18.3843934,17.8778043 18.1581753,17.2717634 17.8956507,16.8360841 C17.3398804,16.0094108 16.6332981,15.3167925 15.7982462,14.7694007 C14.8598602,14.1382244 13.9801233,13.8142578 13.4466956,13.9147991 C13.2819195,13.9427273 13.1339002,14.0181333 13.0221876,14.1298459 L12.1871358,14.9900331 L11.8128985,14.976069 C10.4835183,14.931384 9.05638961,14.1158818 7.90295681,12.7390238 C6.74952401,11.3649586 6.19375372,9.82053161 6.37807955,8.50232269 L6.42835023,8.13087823 L7.42538536,7.45222406 C7.92250652,7.11429339 7.90574963,6.14239359 7.38070031,4.8465272 C6.83051566,3.4948045 5.62122655,1.69623132 4.55995666,1.69623132 Z M13.1366931,1.00082026 C16.1585194,1.03991968 18.8424151,3.0982247 19.6607101,6.00554563 C19.8841353,6.79311961 19.9623341,7.6030361 19.8980994,8.41574541 C19.8617928,8.85980307 19.4931411,9.19494093 19.0546691,9.19494093 C19.0323266,9.19494093 19.0071912,9.19494093 18.9848487,9.19214812 C18.5184485,9.15584152 18.1721394,8.74809045 18.208446,8.28169027 C18.2587167,7.67006367 18.1972747,7.05843708 18.0297058,6.46636019 C17.4097008,4.27120721 15.3877023,2.72119461 13.1115577,2.69326645 C12.6423647,2.68768082 12.2681274,2.30227228 12.2792987,1.83587209 C12.2848843,1.37226472 12.6619144,1.00082026 13.1255218,1.00082026 Z" />
      </clipPath>
    </defs>
    <g transform="translate(-1173.0 -689.0)">
      <g clipPath="url(#i0)">
        <g transform="translate(1173.238665404048 689.2073724942122)">
          <g transform="translate(11.85454699713046 4.408055168743202)">
            <g clipPath="url(#i1)">
              <polygon
                points="-6.47621063e-16,0 4.52607607,0 4.52607607,4.7924714 -6.47621063e-16,4.7924714 -6.47621063e-16,0"
                stroke="none"
                fill="currentColor"
              />
            </g>
          </g>
          <g clipPath="url(#i2)">
            <polygon
              points="1.73472348e-18,-8.8817842e-16 19.9197939,-8.8817842e-16 19.9197939,22 1.73472348e-18,22 1.73472348e-18,-8.8817842e-16"
              stroke="none"
              fill="currentColor"
            />
          </g>
        </g>
      </g>
    </g>
  </svg>
);
const CloseSvg = () => (
  <svg viewBox="0 0 1024 1024" version="1.1" width="14" height="14">
    <path
      d="M571.733333 512l268.8-268.8c17.066667-17.066667 17.066667-42.666667 0-59.733333-17.066667-17.066667-42.666667-17.066667-59.733333 0L512 452.266667 243.2 183.466667c-17.066667-17.066667-42.666667-17.066667-59.733333 0-17.066667 17.066667-17.066667 42.666667 0 59.733333L452.266667 512 183.466667 780.8c-17.066667 17.066667-17.066667 42.666667 0 59.733333 8.533333 8.533333 19.2 12.8 29.866666 12.8s21.333333-4.266667 29.866667-12.8L512 571.733333l268.8 268.8c8.533333 8.533333 19.2 12.8 29.866667 12.8s21.333333-4.266667 29.866666-12.8c17.066667-17.066667 17.066667-42.666667 0-59.733333L571.733333 512z"
      fill="currentColor"
      p-id="5069"
    />
  </svg>
);
const CopySvg = () => (
  <svg width="18px" height="19px" viewBox="0 0 18 19">
    <g id="页面-1" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
      <g id="gpt纯净版" transform="translate(-1178.000000, -456.000000)">
        <g id="复制" transform="translate(1179.000000, 457.000000)">
          <rect
            id="矩形"
            stroke="currentColor"
            strokeWidth="1.5"
            x="0"
            y="2.75"
            width="13.5"
            height="14.5"
            rx="3"
          />
          <path
            d="M4.25,0 L13.25,0 C14.9068542,0 16.25,1.34314575 16.25,3 L16.25,13"
            id="形状"
            stroke="currentColor"
            strokeWidth="1.5"
          />
          <rect
            id="矩形"
            fill="currentColor"
            fillRule="nonzero"
            x="3.25"
            y="7"
            width="7"
            height="1.5"
          />
          <rect
            id="矩形"
            fill="currentColor"
            fillRule="nonzero"
            x="3.25"
            y="11"
            width="5"
            height="1.5"
          />
        </g>
      </g>
    </g>
  </svg>
);

const PraiseSvg = () => (
  <svg width="19px" height="19px">
    <g id="页面-1" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
      <g
        id="gpt纯净版"
        transform="translate(-1231.000000, -227.000000)"
        fill="#ffffff"
        fillRule="nonzero"
      >
        <g id="编组-6备份" transform="translate(1177.500000, 227.000000)">
          <g
            id="赞"
            transform="translate(54.000000, 0.500000)"
            fill="currentColor"
          >
            <path
              d="M17.5885944,7.11984606 C17.1196222,6.33314068 16.4045533,5.91000335 15.4627065,5.86211116 C15.4059285,5.85529505 15.3516115,5.85188699 15.2988765,5.85188699 L12.2691461,5.84130407 C12.406591,5.21639176 12.4797169,4.58428666 12.4797169,3.99740111 C12.4797169,3.39670395 12.4153802,2.79096645 12.2882889,2.19672667 C12.2785522,2.15154781 12.2646625,2.10740643 12.246804,2.06488863 C11.9184408,0.842669287 10.8563758,0 9.62170913,0 C8.15797928,0 7.0542536,1.22473054 7.0542536,2.84872407 L7.05318133,2.88962077 C7.05177506,2.93249055 7.05019301,2.9875576 7.05335711,3.05141385 C6.99062005,4.74374791 5.6269109,6.2210335 3.92780723,6.43735551 L1.53402559,6.47663786 C1.49465013,6.47305043 1.45527467,6.47125672 1.41589922,6.47125672 C0.638778885,6.47125672 0.0065039816,7.12361286 0.0065039816,7.92486527 L0,16.5558981 C0,17.3517515 0.63262647,17.9994619 1.41029173,17.9994619 L4.03593153,18 L4.03733779,18 L14.020598,17.9824216 L14.0207913,17.9824216 C14.5732606,17.9824216 14.9197295,17.8245747 15.3319413,17.5515713 C15.7392964,17.2810849 16.0701319,16.9064591 16.2915247,16.4649747 C16.3676389,16.3397734 16.4242411,16.2059623 16.4601009,16.0664113 C16.462386,16.0572454 16.4646712,16.0480975 16.4666048,16.0391289 L17.9545752,9.19226829 C17.9867622,9.05916185 18.0005482,8.92211611 17.9955327,8.78511296 C18.0275253,8.19516016 17.8872502,7.6202925 17.5885944,7.11984606 Z M1.44667887,7.9445782 C1.468476,7.94637191 1.49044891,7.9470894 1.51224604,7.94673066 L3.25105915,7.91803122 L3.25105915,16.5304094 L1.43999911,16.5300507 L1.44667887,7.9445782 Z M16.5509808,8.86401848 L15.0670359,15.6922065 L15.0666843,15.6922065 C15.0489441,15.7191694 15.033028,15.7473364 15.0190471,15.7765111 C14.9109403,16.0007255 14.7518565,16.1836664 14.5472447,16.3194686 C14.2837631,16.4939791 14.207649,16.5130104 14.0134085,16.5130104 L14.0132151,16.5130104 L4.69105826,16.5294229 L4.69105826,7.78439946 C6.83979799,7.2444913 8.43308013,5.31431066 8.49390114,3.05857077 C8.49478006,3.02843636 8.49442849,3.00834675 8.49161596,2.97821234 C8.49124682,2.96422137 8.49196753,2.95023039 8.49249488,2.93606005 C8.49337379,2.90718124 8.49407693,2.87812306 8.49407693,2.84870613 C8.49407693,2.16314833 8.88150329,1.46935737 9.62170913,1.46935737 C10.2216399,1.46935737 10.7363158,1.90020767 10.8734268,2.51686889 C10.8811612,2.55130822 10.8911984,2.58467131 10.9033099,2.61677881 C10.9938383,3.07381734 11.0397177,3.53765406 11.0397177,3.99738317 C11.0397177,4.72346099 10.8936418,5.57565491 10.6391252,6.33491645 C10.5638813,6.55889699 10.5991621,6.80616183 10.7338724,6.99894968 C10.8683399,7.19190653 11.0857928,7.30679327 11.3178245,7.30746863 L15.2994214,7.32199772 C15.3233279,7.32540578 15.3472345,7.32755824 15.3713168,7.32863446 C15.8429433,7.34836533 16.1382592,7.51410458 16.3584981,7.88377127 C16.5089862,8.13596757 16.5773483,8.42816371 16.5562543,8.72877238 C16.5536176,8.76500542 16.5541449,8.80267343 16.5569575,8.83890647 C16.5548305,8.84733693 16.5527211,8.85558802 16.5509808,8.86401848 Z"
              id="形状"
            />
          </g>
        </g>
      </g>
    </g>
  </svg>
);

const UnPraiseSvg = () => (
  <svg width="19px" height="19px">
    <g id="页面-1" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
      <g
        id="gpt纯净版"
        transform="translate(-1269.000000, -227.000000)"
        fill="currentColor"
        fillRule="nonzero"
      >
        <g id="编组-6备份" transform="translate(1177.500000, 227.000000)">
          <g
            id="赞"
            transform="translate(101.000000, 9.500000) scale(-1, -1) translate(-101.000000, -9.500000) translate(92.000000, 0.500000)"
            fill="currentColor"
          >
            <path
              d="M17.5885944,7.11984606 C17.1196222,6.33314068 16.4045533,5.91000335 15.4627065,5.86211116 C15.4059285,5.85529505 15.3516115,5.85188699 15.2988765,5.85188699 L12.2691461,5.84130407 C12.406591,5.21639176 12.4797169,4.58428666 12.4797169,3.99740111 C12.4797169,3.39670395 12.4153802,2.79096645 12.2882889,2.19672667 C12.2785522,2.15154781 12.2646625,2.10740643 12.246804,2.06488863 C11.9184408,0.842669287 10.8563758,0 9.62170913,0 C8.15797928,0 7.0542536,1.22473054 7.0542536,2.84872407 L7.05318133,2.88962077 C7.05177506,2.93249055 7.05019301,2.9875576 7.05335711,3.05141385 C6.99062005,4.74374791 5.6269109,6.2210335 3.92780723,6.43735551 L1.53402559,6.47663786 C1.49465013,6.47305043 1.45527467,6.47125672 1.41589922,6.47125672 C0.638778885,6.47125672 0.0065039816,7.12361286 0.0065039816,7.92486527 L0,16.5558981 C0,17.3517515 0.63262647,17.9994619 1.41029173,17.9994619 L4.03593153,18 L4.03733779,18 L14.020598,17.9824216 L14.0207913,17.9824216 C14.5732606,17.9824216 14.9197295,17.8245747 15.3319413,17.5515713 C15.7392964,17.2810849 16.0701319,16.9064591 16.2915247,16.4649747 C16.3676389,16.3397734 16.4242411,16.2059623 16.4601009,16.0664113 C16.462386,16.0572454 16.4646712,16.0480975 16.4666048,16.0391289 L17.9545752,9.19226829 C17.9867622,9.05916185 18.0005482,8.92211611 17.9955327,8.78511296 C18.0275253,8.19516016 17.8872502,7.6202925 17.5885944,7.11984606 Z M1.44667887,7.9445782 C1.468476,7.94637191 1.49044891,7.9470894 1.51224604,7.94673066 L3.25105915,7.91803122 L3.25105915,16.5304094 L1.43999911,16.5300507 L1.44667887,7.9445782 Z M16.5509808,8.86401848 L15.0670359,15.6922065 L15.0666843,15.6922065 C15.0489441,15.7191694 15.033028,15.7473364 15.0190471,15.7765111 C14.9109403,16.0007255 14.7518565,16.1836664 14.5472447,16.3194686 C14.2837631,16.4939791 14.207649,16.5130104 14.0134085,16.5130104 L14.0132151,16.5130104 L4.69105826,16.5294229 L4.69105826,7.78439946 C6.83979799,7.2444913 8.43308013,5.31431066 8.49390114,3.05857077 C8.49478006,3.02843636 8.49442849,3.00834675 8.49161596,2.97821234 C8.49124682,2.96422137 8.49196753,2.95023039 8.49249488,2.93606005 C8.49337379,2.90718124 8.49407693,2.87812306 8.49407693,2.84870613 C8.49407693,2.16314833 8.88150329,1.46935737 9.62170913,1.46935737 C10.2216399,1.46935737 10.7363158,1.90020767 10.8734268,2.51686889 C10.8811612,2.55130822 10.8911984,2.58467131 10.9033099,2.61677881 C10.9938383,3.07381734 11.0397177,3.53765406 11.0397177,3.99738317 C11.0397177,4.72346099 10.8936418,5.57565491 10.6391252,6.33491645 C10.5638813,6.55889699 10.5991621,6.80616183 10.7338724,6.99894968 C10.8683399,7.19190653 11.0857928,7.30679327 11.3178245,7.30746863 L15.2994214,7.32199772 C15.3233279,7.32540578 15.3472345,7.32755824 15.3713168,7.32863446 C15.8429433,7.34836533 16.1382592,7.51410458 16.3584981,7.88377127 C16.5089862,8.13596757 16.5773483,8.42816371 16.5562543,8.72877238 C16.5536176,8.76500542 16.5541449,8.80267343 16.5569575,8.83890647 C16.5548305,8.84733693 16.5527211,8.85558802 16.5509808,8.86401848 Z"
              id="形状"
            />
          </g>
        </g>
      </g>
    </g>
  </svg>
);

const ReloadSvg = () => (
  <svg width="18px" height="16px" viewBox="0 0 18 16">
    <title>刷新</title>
    <desc>Created with Sketch.</desc>
    <g id="页面-1" stroke="none" strokeWidth="1" fillRule="evenodd">
      <g
        id="gpt沉浸版"
        transform="translate(-407.000000, -452.000000)"
        fillRule="nonzero"
      >
        <g
          id="刷新"
          transform="translate(407.000000, 452.000000)"
          fill="currentColor"
        >
          <path
            d="M12.8399955,13.3052511 C11.7364403,13.9789482 10.463092,14.3999941 9.18974373,14.3999941 C5.45457554,14.3999941 2.4834362,11.5368308 2.4834362,7.9157928 C2.4834362,6.98946423 2.65320934,6.14737247 3.07767203,5.30526098 L3.16254865,5.894741 C3.24744517,6.23156981 3.67188796,6.40000395 4.01145413,6.31578688 C4.3510203,6.23156981 4.52079344,5.81052393 4.43589692,5.47367538 L3.67188796,3.19999211 C3.58701134,2.8631633 3.16254865,2.69472916 2.82300237,2.77894623 L0.446078967,3.62105772 C0.106512796,3.70525506 -0.0632603415,4.12632067 0.0216361753,4.46314948 C0.106512796,4.79999803 0.530975484,4.96841243 0.870521759,4.8842151 L1.80432376,4.63158362 C1.29498445,5.72630686 0.955418276,6.82104983 0.955418276,8.0842072 C0.955418276,12.4631593 4.60568995,16 9.10484722,16 C10.7177617,16 12.2457796,15.5789344 13.6040045,14.7368426 C13.9435714,14.4842111 14.0284672,14.0631455 13.8586741,13.7263167 C13.6040045,13.2210538 13.1795617,13.0526196 12.8399955,13.3052511 Z M17.9333886,11.7052649 C17.7636155,11.3684164 17.4240493,11.200002 17.084503,11.3684164 L16.3204941,11.7052649 C16.9996065,10.5263049 17.3391727,9.26314751 17.3391727,7.9157928 C17.3391727,3.53684065 13.688901,0 9.18974373,0 C7.49193277,0 5.96391485,0.50526295 4.60568995,1.34737445 C4.26612305,1.60000592 4.18122727,2.0210518 4.3510203,2.35790035 C4.60568995,2.69472916 5.03013275,2.77894623 5.36969892,2.52631475 C6.47325416,1.8526374 7.74660243,1.43157178 9.10484722,1.43157178 C12.8399955,1.43157178 15.8111547,4.29473508 15.8111547,7.9157928 C15.8111547,9.01051603 15.5564851,10.0210419 15.0471458,10.9473705 C15.0471458,10.9473705 15.0471458,11.0315678 14.9622493,11.0315678 L14.7075796,10.3578905 C14.5378065,10.0210419 14.1982403,9.85262753 13.8586741,10.0210419 C13.5191279,10.1894761 13.3493348,10.5263049 13.5191279,10.8631534 L14.45291,13.1368367 C14.6226831,13.4736852 14.9622493,13.6420997 15.3018154,13.4736852 L17.5938423,12.5473567 C17.9333886,12.3789423 18.1031816,12.0420937 17.9333886,11.7052649 L17.9333886,11.7052649 Z"
            id="形状"
          />
        </g>
      </g>
    </g>
  </svg>
);

const PromptReloadSvg = () => (
  <svg width="13px" height="13px" viewBox="0 0 13 13">
    <title>形状结合备份 2</title>
    <desc>Created with Sketch.</desc>
    <g id="页面-1" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
      <g
        id="gpt纯净版--定版"
        transform="translate(-90.000000, -132.000000)"
        fill="currentColor"
        fillRule="nonzero"
      >
        <path
          d="M91,137.4375 C91.2795942,137.4375 91.5115438,137.64149 91.5551378,137.90876 L91.5625,138 L91.5625,138.5 L91.5625,138.5 C91.5625,141.226898 93.7731018,143.4375 96.5,143.4375 C97.7972537,143.4375 99.0140765,142.935796 99.9287772,142.052821 C100.152289,141.837061 100.508389,141.843346 100.724148,142.066858 C100.939908,142.29037 100.933624,142.646469 100.710112,142.862229 C99.5877373,143.945675 98.0917018,144.5625 96.5,144.5625 C94.4636566,144.5625 92.6618011,143.55851 91.5624348,142.018531 L91.5625,143 C91.5625,143.31066 91.3106602,143.5625 91,143.5625 C90.7204058,143.5625 90.4884562,143.35851 90.4448622,143.09124 L90.4375,143 L90.4375,138 C90.4375,137.68934 90.6893398,137.4375 91,137.4375 Z M102,132.4375 C102.279594,132.4375 102.511544,132.64149 102.555138,132.90876 L102.5625,133 L102.5625,138 C102.5625,138.039279 102.558474,138.077617 102.550812,138.114626 C102.558416,138.241213 102.5625,138.37013 102.5625,138.5 C102.5625,138.81066 102.31066,139.0625 102,139.0625 C101.68934,139.0625 101.4375,138.81066 101.4375,138.5 C101.4375,135.773102 99.2268982,133.5625 96.5,133.5625 C95.1415544,133.5625 93.8721741,134.113014 92.9471746,135.071227 C92.7314124,135.294737 92.3753125,135.301017 92.1518031,135.085255 C91.9282937,134.869493 91.9220133,134.513393 92.1377754,134.289884 C93.2726508,133.114259 94.8331268,132.4375 96.5,132.4375 C98.5367884,132.4375 100.338986,133.441929 101.438286,134.982478 L101.4375,133 C101.4375,132.68934 101.68934,132.4375 102,132.4375 Z"
          id="形状结合备份-2"
        />
      </g>
    </g>
  </svg>
);

const AudioPlaySvg = () => (
  <svg width="19px" height="19px" viewBox="0 0 19 19">
    <g id="页面-1" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
      <g
        id="gpt纯净版--定版"
        transform="translate(-1119.000000, -226.000000)"
        fill="currentColor"
        fillRule="nonzero"
      >
        <g id="编组-21" transform="translate(1119.000000, 226.000000)">
          <path
            d="M9.5,0 C14.7467051,0 19,4.25329488 19,9.5 C19,14.7467051 14.7467051,19 9.5,19 C4.25329488,19 0,14.7467051 0,9.5 C0,4.25329488 4.25329488,0 9.5,0 Z M9.5,1.26666667 C4.95285556,1.26666667 1.26666667,4.95285556 1.26666667,9.5 C1.26666667,14.0471444 4.95285556,17.7333333 9.5,17.7333333 C14.0471444,17.7333333 17.7333333,14.0471444 17.7333333,9.5 C17.7333333,4.95285556 14.0471444,1.26666667 9.5,1.26666667 Z M8.1,5.06591359 C8.22505379,5.06591359 8.34698246,5.10498747 8.44874292,5.17767351 L13.9303866,9.09313326 C14.1550929,9.25363776 14.2071387,9.5659128 14.0466342,9.7906191 C14.0145644,9.83551686 13.9752843,9.87479691 13.9303866,9.90686674 L8.44874292,13.8223265 C8.17909536,14.0149319 7.80436531,13.9524769 7.61175992,13.6828293 C7.53907388,13.5810689 7.5,13.4591402 7.5,13.3340864 L7.5,5.66591359 C7.5,5.33454274 7.76862915,5.06591359 8.1,5.06591359 Z"
            id="形状结合备份"
          />
        </g>
      </g>
    </g>
  </svg>
);

const AudioPauseSvg = () => (
  <svg width="18px" height="18px" viewBox="0 0 18 18">
    <g id="页面-1" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
      <g
        id="gpt纯净版--定版"
        transform="translate(-1119.000000, -457.000000)"
        fill="#7484FE"
      >
        <g id="编组-4" transform="translate(1119.000000, 457.000000)">
          <g id="编组-12">
            <path
              d="M9,0 C4.02943725,0 0,4.02943725 0,9 C0,13.9705627 4.02943725,18 9,18 C13.9705627,18 18,13.9705627 18,9 C18,4.02943725 13.9705627,0 9,0 Z M9,1.2 C13.307821,1.2 16.8,4.69217895 16.8,9 C16.8,13.307821 13.307821,16.8 9,16.8 C4.69217895,16.8 1.2,13.307821 1.2,9 C1.2,4.69217895 4.69217895,1.2 9,1.2 Z"
              id="形状结合"
              fillRule="nonzero"
            />
            <rect id="矩形" x="6" y="6" width="6" height="6" rx="1.2" />
          </g>
        </g>
      </g>
    </g>
  </svg>
);

const MessageSvgPure = () => (
  <svg version="1.1" width="14px" height="17px" viewBox="0 0 14.0 14.0">
    <defs>
      <clipPath id="MessageSvgi0">
        <path d="M1440,0 L1440,796 L0,796 L0,0 L1440,0 Z" />
      </clipPath>
      <clipPath id="MessageSvgi1">
        <path d="M10.6819039,0 C11.962153,0 13,1.04175253 13,2.3268194 L13,8.45002836 C13,9.73509523 11.962153,10.7768478 10.6819039,10.7768478 L8.46438333,10.7768478 L6.94709967,12.8203651 L6.85089687,12.9120014 C6.67611079,13.0546736 6.36855748,13.0247233 6.19726792,12.8158435 L4.52550233,10.7768478 L2.31809609,10.7768478 C1.03784697,10.7768478 0,9.73509523 0,8.45002836 L0,2.3268194 C0,1.04175253 1.03784697,0 2.31809609,0 L10.6819039,0 Z M6.97130578,6.31614238 L4.09869543,6.31614238 C3.75068805,6.31614238 3.46857233,6.59931974 3.46857233,6.94863672 C3.46857233,7.29795369 3.75068805,7.58113105 4.09869543,7.58113105 L6.97130578,7.58113105 C7.31931315,7.58113105 7.60142887,7.29795369 7.60142887,6.94863672 C7.60142887,6.59931974 7.31931315,6.31614238 6.97130578,6.31614238 Z M8.90130457,3.52853806 L4.09869543,3.52853806 C3.75068805,3.52853806 3.46857233,3.81171542 3.46857233,4.1610324 C3.46857233,4.51034937 3.75068805,4.79352673 4.09869543,4.79352673 L8.90130457,4.79352673 C9.24931195,4.79352673 9.53142767,4.51034937 9.53142767,4.1610324 C9.53142767,3.81171542 9.24931195,3.52853806 8.90130457,3.52853806 Z" />
      </clipPath>
      <linearGradient
        id="MessageSvgi2"
        x1="6.5px"
        y1="9.40931497px"
        x2="6.5px"
        y2="2.91544566e-13px"
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#2B6EEA" offset="0%" />
        <stop stopColor="#529BFF" offset="100%" />
      </linearGradient>
    </defs>
    <g transform="translate(-19.0 -258.0)">
      <g clipPath="url(#MessageSvgi0)">
        <g transform="translate(-23.0 -2.5)">
          <g transform="translate(42.72010824258359 260.6797500671428)">
            <g clipPath="url(#MessageSvgi1)">
              <polygon
                points="0,0 13,0 13,13 0,13 0,0"
                stroke="none"
                fill="url(#MessageSvgi2)"
                opacity="88.016183%"
              />
            </g>
          </g>
        </g>
      </g>
    </g>
  </svg>
);
const MessageSvgDark = () => (
  <svg version="1.1" width="14px" height="14px" viewBox="0 0 14.0 14.0">
    <defs>
      <clipPath id="i0">
        <path d="M1440,0 L1440,796 L0,796 L0,0 L1440,0 Z" />
      </clipPath>
      <clipPath id="i1">
        <path d="M9.95529598,0 C11.6673787,0 13.055296,1.38791728 13.055296,3.1 L13.055296,8.1 C13.055296,9.81208272 11.6673787,11.2 9.95529598,11.2 L8.74,11.2 L7.87151513,12.3665308 C7.84581087,12.4010401 7.81873419,12.434486 7.78270686,12.4743453 L7.72100561,12.5398788 L7.60518449,12.6460982 C6.92292863,13.2076801 5.91459895,13.1098545 5.35298459,12.4275591 L4.342,11.2 L3.1,11.2 C1.44695461,11.2 0.0961038852,9.90615084 0.00490733737,8.27591203 L0,8.1 L0,3.1 C0,1.38791728 1.38791728,0 3.1,0 Z M9.95529598,1.2 L3.1,1.2 C2.05065898,1.2 1.2,2.05065898 1.2,3.1 L1.2,8.1 C1.2,9.14934102 2.05065898,10 3.1,10 L4.90927437,10 L6.27951723,11.6649732 C6.41991269,11.8355372 6.67199511,11.8599936 6.81525646,11.7434924 L6.89410794,11.6686653 L8.13773152,10 L9.95529598,10 C11.004637,10 11.855296,9.14934102 11.855296,8.1 L11.855296,3.1 C11.855296,2.05065898 11.004637,1.2 9.95529598,1.2 Z" />
      </clipPath>
      <clipPath id="i2">
        <path d="M5.17301995,0 C5.5043908,0 5.77301995,0.26862915 5.77301995,0.6 C5.77301995,0.93137085 5.5043908,1.2 5.17301995,1.2 L0.6,1.2 C0.26862915,1.2 0,0.93137085 0,0.6 C0,0.26862915 0.26862915,0 0.6,0 L5.17301995,0 Z" />
      </clipPath>
      <clipPath id="i3">
        <path d="M3.33528493,0 C3.66665578,0 3.93528493,0.26862915 3.93528493,0.6 C3.93528493,0.93137085 3.66665578,1.2 3.33528493,1.2 L0.6,1.2 C0.26862915,1.2 0,0.93137085 0,0.6 C0,0.26862915 0.26862915,0 0.6,0 L3.33528493,0 Z" />
      </clipPath>
    </defs>
    <g transform="translate(-19.0 -257.0)">
      <g clipPath="url(#i0)">
        <g transform="translate(19.72010824258123 257.5115649484613)">
          <g clipPath="url(#i1)">
            <polygon
              points="0,0 13.055296,0 13.055296,13.0108069 0,13.0108069 0,0"
              stroke="none"
              fill="#FFFFFF"
            />
          </g>
          <g transform="translate(3.6411380194826055 3.6888711255196767)">
            <g clipPath="url(#i2)">
              <polygon
                points="0,0 5.77301995,0 5.77301995,1.2 0,1.2 0,0"
                stroke="none"
                fill="#FFFFFF"
              />
            </g>
          </g>
          <g transform="translate(3.641138019482605 6.333262544004834)">
            <g clipPath="url(#i3)">
              <polygon
                points="0,0 3.93528493,0 3.93528493,1.2 0,1.2 0,0"
                stroke="none"
                fill="#FFFFFF"
              />
            </g>
          </g>
        </g>
      </g>
    </g>
  </svg>
);
const PluginSvgPure = () => (
  <svg version="1.1" width="14px" height="14px" viewBox="0 0 14.0 14.0">
    <defs>
      <clipPath id="PluginSvgPurei0">
        <path d="M1440,0 L1440,796 L0,796 L0,0 L1440,0 Z" />
      </clipPath>
      <clipPath id="PluginSvgPurei1">
        <path d="M5.26190654,0 C6.1161977,0 6.80952524,0.693327538 6.80952524,1.5476187 L6.80952524,2.47618691 L9.28572714,2.47618691 C9.96977753,2.47618691 10.5238281,3.03023745 10.5238281,3.71428786 L10.5238281,6.19047477 L11.4523963,6.19047477 C12.3066725,6.19047477 13,6.8838173 13,7.73810845 C13,8.59239961 12.3066725,9.28572715 11.4523813,9.28572715 L10.5238131,9.28572715 L10.5238131,11.7618991 C10.5238131,12.4459495 9.96976255,13 9.28571214,13 L6.93333533,13 L6.93333533,12.0714318 C6.93333533,11.1490533 6.18428501,10.400003 5.26190654,10.400003 C4.33952808,10.400003 3.59047776,11.1490533 3.59047776,12.0714318 L3.59047776,13 L1.23810095,13 C0.554050556,13 0,12.4459495 0,11.7618991 L0.00310236573,9.40952226 L0.928568201,9.40952224 C1.85094667,9.40952224 2.59999699,8.66047192 2.59999699,7.73809346 C2.59999699,6.81571499 1.85094667,6.06666467 0.928568201,6.06666467 L0.00308736827,6.06666467 L0.006189734,3.71428786 C0.006189734,3.03023747 0.554050527,2.47618691 1.23810093,2.47618691 L3.71428785,2.47618691 L3.71428785,1.5476187 C3.71428785,0.693327538 4.40761538,0 5.26190654,0 Z M6.98533579,4.17328032 L6.9092755,4.23450361 C6.69968646,4.43327348 6.65889447,4.76022063 6.82660623,5.00682992 L7.83866257,6.49521503 L6.82582597,7.99432028 C6.6401148,8.26876153 6.71204473,8.64178877 6.98648598,8.82749995 C7.26092722,9.01321113 7.63395447,8.9412812 7.81966565,8.66683995 L9.06148599,6.83169612 C9.1992103,6.62816916 9.19890113,6.36123365 9.06070573,6.15802626 L7.81888539,4.33200988 C7.63253898,4.05799956 7.25934611,3.98693391 6.98533579,4.17328032 Z" />
      </clipPath>
      <linearGradient
        id="PluginSvgPurei2"
        x1="6.5px"
        y1="9.40931497px"
        x2="6.5px"
        y2="2.91544566e-13px"
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#2B6EEA" offset="0%" />
        <stop stopColor="#529BFF" offset="100%" />
      </linearGradient>
    </defs>
    <g transform="translate(-19.0 -416.0)">
      <g clipPath="url(#PluginSvgPurei0)">
        <g transform="translate(19.85233743264098 416.87478496719365)">
          <g clipPath="url(#PluginSvgPurei1)">
            <polygon
              points="0,0 13,0 13,13 0,13 0,0"
              stroke="none"
              fill="url(#PluginSvgPurei2)"
            />
          </g>
        </g>
      </g>
    </g>
  </svg>
);
const PluginSvgDark = () => (
  <svg version="1.1" width="14px" height="14px" viewBox="0 0 14.0 14.0">
    <defs>
      <clipPath id="PluginSvgDarki0">
        <path d="M1440,0 L1440,796 L0,796 L0,0 L1440,0 Z" />
      </clipPath>
      <clipPath id="PluginSvgDarki1">
        <path d="M5.26190654,0 C6.1161977,0 6.80952524,0.693327538 6.80952524,1.5476187 L6.80952524,2.47618691 L9.28572714,2.47618691 C9.96977753,2.47618691 10.5238281,3.03023745 10.5238281,3.71428786 L10.5238281,6.19047477 L11.4523963,6.19047477 C12.3066725,6.19047477 13,6.8838173 13,7.73810845 C13,8.59239961 12.3066725,9.28572715 11.4523813,9.28572715 L10.5238131,9.28572715 L10.5238131,11.7618991 C10.5238131,12.4459495 9.96976255,13 9.28571214,13 L6.93333533,13 L6.93333533,12.0714318 C6.93333533,11.1490533 6.18428501,10.400003 5.26190654,10.400003 C4.33952808,10.400003 3.59047776,11.1490533 3.59047776,12.0714318 L3.59047776,13 L1.23810095,13 C0.554050556,13 0,12.4459495 0,11.7618991 L0.00310236573,9.40952226 L0.928568201,9.40952224 C1.85094667,9.40952224 2.59999699,8.66047192 2.59999699,7.73809346 C2.59999699,6.81571499 1.85094667,6.06666467 0.928568201,6.06666467 L0.00308736827,6.06666467 L0.006189734,3.71428786 C0.006189734,3.03023747 0.554050527,2.47618691 1.23810093,2.47618691 L3.71428785,2.47618691 L3.71428785,1.5476187 C3.71428785,0.693327538 4.40761538,0 5.26190654,0 Z M6.98533579,4.17328032 L6.9092755,4.23450361 C6.69968646,4.43327348 6.65889447,4.76022063 6.82660623,5.00682992 L7.83866257,6.49521503 L6.82582597,7.99432028 C6.6401148,8.26876153 6.71204473,8.64178877 6.98648598,8.82749995 C7.26092722,9.01321113 7.63395447,8.9412812 7.81966565,8.66683995 L9.06148599,6.83169612 C9.1992103,6.62816916 9.19890113,6.36123365 9.06070573,6.15802626 L7.81888539,4.33200988 C7.63253898,4.05799956 7.25934611,3.98693391 6.98533579,4.17328032 Z" />
      </clipPath>
      <linearGradient
        id="PluginSvgDarki2"
        x1="6.5px"
        y1="9.40931497px"
        x2="6.5px"
        y2="2.91544566e-13px"
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#ffffff" offset="0%" />
        <stop stopColor="#ffffff" offset="100%" />
      </linearGradient>
    </defs>
    <g transform="translate(-19.0 -416.0)">
      <g clipPath="url(#PluginSvgDarki0)">
        <g transform="translate(19.85233743264098 416.87478496719365)">
          <g clipPath="url(#PluginSvgDarki1)">
            <polygon
              points="0,0 13,0 13,13 0,13 0,0"
              stroke="none"
              fill="url(#PluginSvgDarki2)"
            />
          </g>
        </g>
      </g>
    </g>
  </svg>
);

const BotCenterSvg = () => (
  <svg version="1.1" width="14px" height="14px" viewBox="0 0 14.0 14.0">
    <defs>
      <clipPath id="i0">
        <path d="M1440,0 L1440,796 L0,796 L0,0 L1440,0 Z" />
      </clipPath>
    </defs>
    <g transform="translate(-34.0 -92.0)">
      <g clipPath="url(#i0)">
        <g transform="translate(-23.0 0.0)">
          <g transform="translate(58.0 93.00000000000053)">
            <polygon
              points="0,4.75 0,12.25 11.875,12.25 11.875,4.75 5.9375,0 0,4.75 0,4.75"
              stroke="#FFFFFF"
              strokeWidth="1"
              fill="none"
              strokeLinecap="round"
              strokeLinejoin="round"
            />
            <g transform="translate(3.9583333333330297 7.104166666666515)">
              <polygon
                points="0,0 0,5.14583333 3.95833333,5.14583333 3.95833333,0 0,0 0,0"
                stroke="#FFFFFF"
                strokeWidth="1"
                fill="none"
                strokeLinejoin="round"
              />
            </g>
            <g transform="translate(0.0 12.05208333333348)">
              <path
                d="M0,0.197916667 L11.875,0.197916667"
                stroke="#FFFFFF"
                strokeWidth="1"
                fill="none"
                strokeLinecap="round"
                strokeMiterlimit="10"
              />
            </g>
          </g>
        </g>
      </g>
    </g>
  </svg>
);

const AskPromoptReload = () => (
  <svg width="18px" height="18px" viewBox="0 0 18 18">
    <title>刷新 (1)</title>
    <desc>Created with Sketch.</desc>
    <g id="页面-1" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
      <g
        id="gpt纯净版-定版"
        transform="translate(-1306.000000, -544.000000)"
        fill="currentColor"
        fillRule="nonzero"
      >
        <g id="编组-16" transform="translate(404.000000, 535.000000)">
          <g id="编组-7" transform="translate(895.000000, 0.000000)">
            <g id="刷新-(1)" transform="translate(7.000000, 9.000000)">
              <path
                d="M4.59458878,1.1543977 C8.22431771,-0.885858152 12.7798607,-0.16891468 15.6074209,2.88757816 C18.4349811,5.94407099 18.7956818,10.5414135 16.4793995,14.0014588 C16.3882703,14.1330451 16.242833,14.2167181 16.0832688,14.2293608 C15.9237046,14.2420034 15.7669047,14.1822774 15.6561896,14.0666837 L15.2434601,13.6539674 C15.0502135,13.4543322 15.0212467,13.1473869 15.1737347,12.9151264 C16.9213548,10.1620517 16.6339839,6.58439957 14.4693284,4.14555404 C12.304673,1.7067085 8.78633523,0.996594743 5.84514796,2.40491694 L6.94950869,3.50811783 C7.16902115,3.72768958 7.16902115,4.08361541 6.94950869,4.30318716 L6.55139902,4.70128412 C6.33182026,4.92078959 5.97588304,4.92078959 5.75630427,4.70128412 L3.21245096,2.15638749 C2.99293848,1.93681574 2.99293848,1.58088989 3.21245096,1.36131813 L3.60943605,0.964345755 C3.82901481,0.744840303 4.18495201,0.744840303 4.40453077,0.964345755 L4.59571337,1.1543977 L4.59458878,1.1543977 Z M13.5947913,17.0366669 L13.4036087,16.846615 C9.77394601,18.8857359 5.21929018,18.1682857 2.39229093,15.11211 C-0.434708315,12.0559344 -0.795549563,7.45940289 1.51992258,3.99955389 C1.61102325,3.86757013 1.75670694,3.78361476 1.91658228,3.77096473 C2.07645762,3.7583147 2.2335324,3.81831451 2.34425701,3.93432898 L2.75698651,4.3470453 C2.9502331,4.54668043 2.97919996,4.85362576 2.82671195,5.08588626 C1.0790918,7.83896096 1.36646278,11.4166131 3.53111822,13.8554586 C5.69577366,16.2943042 9.21411141,17.0044179 12.1552987,15.5960957 L11.050938,14.4928948 C10.8314255,14.2733231 10.8314255,13.9173972 11.050938,13.6978255 L11.4490476,13.2997285 C11.6686264,13.0802231 12.0245636,13.0802231 12.2441423,13.2997285 L14.7879957,15.8446252 C15.0075081,16.0641969 15.0075081,16.4201228 14.7879957,16.6396945 L14.3910106,17.0366669 C14.1714318,17.2561724 13.8154946,17.2561724 13.5959159,17.0366669 L13.5947913,17.0366669 Z"
                id="形状"
              />
            </g>
          </g>
        </g>
      </g>
    </g>
  </svg>
);

const ConfirmSvg = () => (
  <svg width="11px" height="12px" viewBox="0 0 11 12">
    <g id="页面-1" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
      <g
        id="gpt纯净版"
        transform="translate(-232.000000, -376.000000)"
        fill="currentColor"
      >
        <g id="编组-9" transform="translate(228.000000, 373.000000)">
          <g id="编组-10">
            <rect
              id="矩形备份-2"
              fillOpacity="0"
              x="0"
              y="0"
              width="18"
              height="18"
            />
            <path
              d="M14.1045202,4.05025253 C14.3778872,4.32361954 14.3778872,4.76683502 14.1045202,5.04020203 L10.144,8.99922728 L14.1045202,12.959798 C14.3778872,13.233165 14.3778872,13.6763805 14.1045202,13.9497475 C13.8311532,14.2231145 13.3879377,14.2231145 13.1145707,13.9497475 L9.154,9.98922728 L5.19497475,13.9497475 C4.92160774,14.2231145 4.47839226,14.2231145 4.20502525,13.9497475 C3.93165825,13.6763805 3.93165825,13.233165 4.20502525,12.959798 L8.165,8.99922728 L4.20502525,5.04020203 C3.93165825,4.76683502 3.93165825,4.32361954 4.20502525,4.05025253 C4.47839226,3.77688553 4.92160774,3.77688553 5.19497475,4.05025253 L9.154,8.01022728 L13.1145707,4.05025253 C13.3879377,3.77688553 13.8311532,3.77688553 14.1045202,4.05025253 Z"
              id="形状结合"
            />
          </g>
        </g>
      </g>
    </g>
  </svg>
);

const ConfirmALSvg = () => (
  <svg viewBox="0 0 1024 1024" version="1.1" width="18" height="18">
    <path
      d="M448 864a32 32 0 0 1-18.88-6.08l-320-234.24a32 32 0 1 1 37.76-51.52l292.16 213.44 397.76-642.56a32 32 0 0 1 54.4 33.92l-416 672a32 32 0 0 1-21.12 14.4L448 864z"
      fill="currentColor"
      p-id="1627"
    />
  </svg>
);

const EditSvg = () => (
  <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1">
    <g id="页面-1" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
      <g
        id="gpt沉浸版"
        transform="translate(-195.000000, -280.000000)"
        fill="currentColor"
        fillRule="nonzero"
      >
        <g id="笔" transform="translate(193.000000, 278.000000)">
          <polygon id="路径" fillOpacity="0" points="0 0 20 0 20 20 0 20" />
          <path
            d="M16.9612203,3.04048666 C15.5734642,1.65317111 13.3239278,1.65317111 11.9361717,3.04048666 L3.29331793,11.6833024 C2.9596198,12.0153143 2.73885946,12.4439147 2.66231494,12.9083783 L2.01408039,16.7961273 C1.95918772,17.12548 2.06673228,17.4610681 2.30283328,17.6971681 C2.53893428,17.933268 2.87452382,18.0408121 3.20387798,17.9859197 L7.09246472,17.337688 C7.5565917,17.2613676 7.98491954,17.0408888 8.31672541,16.7075083 L16.9595792,8.06469256 C18.3468069,6.67722412 18.3468069,4.4279551 16.9595792,3.04048666 L16.9612203,3.04048666 Z M7.44858344,15.8410112 C7.2978225,15.9925343 7.1031712,16.0927304 6.8922505,16.127382 L3.27526584,16.7296631 L3.87754958,13.1135149 C3.91220127,12.9025951 4.01239788,12.7079446 4.16392156,12.5571844 L10.7964277,5.92470744 L14.0786279,9.20689322 L7.44858344,15.8410112 Z M16.0914372,7.19819551 L14.9508727,8.33875508 L11.6686724,5.05656928 L12.809237,3.91600973 C13.3886063,3.29666053 14.2595416,3.0424184 15.0811277,3.25280276 C15.9027138,3.46318713 16.5442618,4.10473237 16.7546471,4.92631483 C16.9650324,5.74789729 16.7107892,6.61882871 16.0914372,7.19819551 L16.0914372,7.19819551 Z"
            id="形状"
          />
        </g>
      </g>
    </g>
  </svg>
);

const BotCenterQuitSvg = () => (
  <svg version="1.1" width="14px" height="13px" viewBox="0 0 14.0 13.0">
    <defs>
      <clipPath id="BotCenterQuitSvgi0">
        <path d="M1440,0 L1440,796 L0,796 L0,0 L1440,0 Z" />
      </clipPath>
      <clipPath id="BotCenterQuitSvgi1">
        <path d="M7.42284343,0 C7.79091831,0 8.03630157,0.245383256 8.03630157,0.613458127 C8.03630157,0.981532999 7.79091831,1.22691627 7.42284343,1.22691627 L1.22691627,1.22691627 L1.22691627,11.3489755 L7.42284343,11.3489755 C7.79091831,11.3489755 8.03630157,11.5943587 8.03630157,11.9624336 C8.03630157,12.2691627 7.79091831,12.5145459 7.42284343,12.5145459 L1.22691627,12.5145459 C0.55211232,12.5145459 0,11.9624336 0,11.2876297 L0,1.22691627 C0,0.55211232 0.55211232,0 1.22691627,0 L7.42284343,0 Z M10.1363201,3.00594486 L12.9582276,5.82785228 C13.2036108,6.07323553 13.2036108,6.44131042 12.9582276,6.68669366 L10.1363201,9.50860108 C9.9522827,9.75398434 9.522862,9.75398434 9.27747874,9.50860108 C9.03209548,9.26321782 9.03209548,8.89514294 9.27747874,8.6497597 L11.056,6.87 L4.98327181,6.87073111 C4.61519693,6.87073111 4.36981367,6.62534785 4.36981367,6.25727297 C4.36981367,5.88919808 4.61519693,5.64381483 4.98327181,5.64381483 L10.962,5.643 L8.84805805,3.43536555 L9.27747874,3.00594486 C9.522862,2.7605616 9.89093688,2.7605616 10.1363201,3.00594486 Z" />
      </clipPath>
    </defs>
    <g transform="translate(-395.0 -620.0)">
      <g clipPath="url(#BotCenterQuitSvgi0)">
        <g transform="translate(394.9999999999993 619.9999999999997)">
          <g clipPath="url(#BotCenterQuitSvgi1)">
            <polygon
              points="0,0 13.142265,0 13.142265,12.5145459 0,12.5145459 0,0"
              stroke="none"
              fill="currentColor"
            />
          </g>
        </g>
      </g>
    </g>
  </svg>
);

const SearchSvg = () => (
  <svg
    viewBox="0 0 1024 1024"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    p-id="2364"
    width="16"
    height="16"
  >
    <path
      d="M862.609 816.955L726.44 680.785l-0.059-0.056a358.907 358.907 0 0 0 56.43-91.927c18.824-44.507 28.369-91.767 28.369-140.467 0-48.701-9.545-95.96-28.369-140.467-18.176-42.973-44.19-81.56-77.319-114.689-33.13-33.129-71.717-59.144-114.69-77.32-44.507-18.825-91.767-28.37-140.467-28.37-48.701 0-95.96 9.545-140.467 28.37-42.973 18.176-81.56 44.19-114.689 77.32-33.13 33.129-59.144 71.717-77.32 114.689-18.825 44.507-28.37 91.767-28.37 140.467 0 48.7 9.545 95.96 28.37 140.467 18.176 42.974 44.19 81.561 77.32 114.69 33.129 33.129 71.717 59.144 114.689 77.319 44.507 18.824 91.767 28.369 140.467 28.369 48.7 0 95.96-9.545 140.467-28.369 32.78-13.864 62.997-32.303 90.197-54.968 0.063 0.064 0.122 0.132 0.186 0.195l136.169 136.17c6.25 6.25 14.438 9.373 22.628 9.373 8.188 0 16.38-3.125 22.627-9.372 12.496-12.496 12.496-32.758 0-45.254z m-412.274-69.466c-79.907 0-155.031-31.118-211.534-87.62-56.503-56.503-87.62-131.627-87.62-211.534s31.117-155.031 87.62-211.534c56.502-56.503 131.626-87.62 211.534-87.62s155.031 31.117 211.534 87.62c56.502 56.502 87.62 131.626 87.62 211.534s-31.118 155.031-87.62 211.534c-56.503 56.502-131.627 87.62-211.534 87.62z"
      fill="currentColor"
      p-id="2365"
    />
  </svg>
);

const NoticeSvg = () => (
  <svg
    version="1.1"
    width="10px"
    height="11px"
    viewBox="0 0 10.0 11.0"
    xmlns="http://www.w3.org/2000/svg"
  >
    <defs>
      <clipPath id="NoticeSvgi0">
        <path d="M1440,0 L1440,796 L0,796 L0,0 L1440,0 Z" />
      </clipPath>
      <clipPath id="NoticeSvgi1">
        <path d="M4.58783163,0 C4.82245983,0 5.01266357,0.190203741 5.01266357,0.424831947 L5.012,1.42 L5.06589873,1.41612185 L6.85366736,1.41612185 C7.03788098,1.41612185 7.2011047,1.53484248 7.25784489,1.71010003 L9.01008715,7.12237797 L9.03074156,7.25323173 L9.03074156,8.30288478 C9.03074156,8.53751299 8.84053782,8.72771673 8.60590962,8.72771673 L6.14971742,8.72706042 C5.96157372,9.45404943 5.30117445,9.99096951 4.51537078,9.99096951 C3.72956711,9.99096951 3.06916785,9.45404943 2.88102414,8.72706042 L0.424831947,8.72771673 C0.190203741,8.72771673 0,8.53751299 0,8.30288478 L0,7.25323173 L0.021861916,7.11870539 L1.82868106,1.70642745 C1.88656284,1.53304413 2.04886138,1.41612185 2.23165109,1.41612185 L4.1628602,1.41596629 L4.16299968,0.424831947 C4.16299968,0.211533578 4.32019285,0.0349496428 4.52505307,0.00460626911 L4.58783163,0 Z M5.2379074,8.72845853 L3.79262113,8.72809741 C3.93842295,8.97538823 4.20752082,9.14130562 4.51537078,9.14130562 C4.82307087,9.14130562 5.09205659,8.97554974 5.2379074,8.72845853 Z M4.826,2.19 L4.80225244,2.20778373 C4.73931438,2.24465199 4.66604103,2.26578574 4.58783163,2.26578574 L2.53738781,2.26563018 L0.849171016,7.32243752 L0.849171016,7.87798699 L8.18046324,7.87798699 L8.18046324,7.31916959 L6.54453346,2.26563018 L5.06589873,2.26578574 C4.98591184,2.26578574 4.91108792,2.24368045 4.84720276,2.20524566 L4.826,2.19 Z M5.012,1.42 L4.98953465,1.42296646 C4.79135122,1.4589378 4.64106678,1.63239539 4.64106678,1.84095379 L4.64567305,1.90373235 C4.66084474,2.00616246 4.71257656,2.0966758 4.78717777,2.16158163 L4.826,2.19 L4.86154544,2.16587059 C4.93547606,2.10352656 4.98783329,2.01640959 5.00581896,1.91731787 L5.01266357,1.84095379 L5.012,1.42 Z" />
      </clipPath>
    </defs>
    <g transform="translate(-49.0 -478.0)">
      <g clip-path="url(#NoticeSvgi0)">
        <g transform="translate(49.07185410241642 478.5088959271434)">
          <g clip-path="url(#NoticeSvgi1)">
            <polygon
              points="0,0 9.03074156,0 9.03074156,9.99096951 0,9.99096951 0,0"
              stroke="none"
              fillRule="evenodd"
            />
          </g>
          <path
            d="M4.58783163,0 C4.82245983,0 5.01266357,0.190203741 5.01266357,0.424831947 L5.012,1.42 L5.06589873,1.41612185 L6.85366736,1.41612185 C7.03788098,1.41612185 7.2011047,1.53484248 7.25784489,1.71010003 L9.01008715,7.12237797 L9.03074156,7.25323173 L9.03074156,8.30288478 C9.03074156,8.53751299 8.84053782,8.72771673 8.60590962,8.72771673 L6.14971742,8.72706042 C5.96157372,9.45404943 5.30117445,9.99096951 4.51537078,9.99096951 C3.72956711,9.99096951 3.06916785,9.45404943 2.88102414,8.72706042 L0.424831947,8.72771673 C0.190203741,8.72771673 0,8.53751299 0,8.30288478 L0,7.25323173 L0.021861916,7.11870539 L1.82868106,1.70642745 C1.88656284,1.53304413 2.04886138,1.41612185 2.23165109,1.41612185 L4.1628602,1.41596629 L4.16299968,0.424831947 C4.16299968,0.211533578 4.32019285,0.0349496428 4.52505307,0.00460626911 L4.58783163,0 Z M5.2379074,8.72845853 L3.79262113,8.72809741 C3.93842295,8.97538823 4.20752082,9.14130562 4.51537078,9.14130562 C4.82307087,9.14130562 5.09205659,8.97554974 5.2379074,8.72845853 Z M4.826,2.19 L4.80225244,2.20778373 C4.73931438,2.24465199 4.66604103,2.26578574 4.58783163,2.26578574 L2.53738781,2.26563018 L0.849171016,7.32243752 L0.849171016,7.87798699 L8.18046324,7.87798699 L8.18046324,7.31916959 L6.54453346,2.26563018 L5.06589873,2.26578574 C4.98591184,2.26578574 4.91108792,2.24368045 4.84720276,2.20524566 L4.826,2.19 Z M5.012,1.42 L4.98953465,1.42296646 C4.79135122,1.4589378 4.64106678,1.63239539 4.64106678,1.84095379 L4.64567305,1.90373235 C4.66084474,2.00616246 4.71257656,2.0966758 4.78717777,2.16158163 L4.826,2.19 L4.86154544,2.16587059 C4.93547606,2.10352656 4.98783329,2.01640959 5.00581896,1.91731787 L5.01266357,1.84095379 L5.012,1.42 Z"
            stroke="#AEB6CB"
            stroke-width="0.1"
            fill="none"
            stroke-miterlimit="10"
          />
        </g>
      </g>
    </g>
  </svg>
);

const PersonalRecommendSvg = () => (
  <svg
    version="1.1"
    width="12px"
    height="13px"
    viewBox="0 0 8.0 10.0"
    xmlns="http://www.w3.org/2000/svg"
  >
    <defs>
      <clipPath id="PersonalRecommendSvgi0">
        <path d="M1440,0 L1440,796 L0,796 L0,0 L1440,0 Z" />
      </clipPath>
      <clipPath id="PersonalRecommendSvgi1">
        <path d="M7,0 C7.5522353,0 8,0.42034567 8,0.939319924 L8,9.41292504 C8,9.73699042 7.72,10 7.37505883,10 C7.25505883,10 7.13764706,9.96759347 7.03694118,9.90653766 L4,8.07157618 L0.963058825,9.90653766 C0.672941174,10.0819557 0.286117643,10.0032876 0.0995294148,9.73041517 C0.0350203598,9.63702938 0.000324501729,9.52635263 0,9.41292504 L0,0.939319924 C0,0.420345659 0.447764702,0 1,0 L7,0 Z M7.05882353,0.939319924 L0.941176474,0.939319924 L0.941176474,8.76737742 L3.44847059,7.28160811 C3.77121188,7.09320486 4.16806791,7.0825744 4.50047059,7.25342851 L4.55152941,7.28160811 L7.05882353,8.76737742 L7.05882353,0.939319924 Z M4.05223529,2.50821905 C4.07519084,2.5196455 4.09396274,2.53838036 4.10541177,2.56152546 L4.52588236,3.41160999 C4.54296931,3.44627857 4.57605172,3.47033894 4.61435294,3.47595341 L5.55435294,3.6121548 C5.59868025,3.61857921 5.63550639,3.64956807 5.64934089,3.69208631 C5.66317539,3.73460454 5.6516177,3.7812744 5.61952941,3.81246477 L4.93952941,4.47421566 C4.91182686,4.50115216 4.89915952,4.53995714 4.90564706,4.57801052 L5.06611765,5.51239902 C5.07364749,5.55641354 5.05551114,5.60088127 5.01932205,5.6271351 C4.98313295,5.65338894 4.93515522,5.65688451 4.89552942,5.63615442 L4.05482352,5.19490888 C4.02050872,5.17687155 3.97949128,5.17687155 3.94517648,5.19490888 L3.10447058,5.63615442 C3.06484478,5.65688451 3.01686705,5.65338894 2.98067795,5.6271351 C2.94448886,5.60088127 2.92635251,5.55641354 2.93388235,5.51239902 L3.09435294,4.57801052 C3.10090029,4.53999673 3.08832297,4.50119806 3.06070588,4.47421566 L2.38047059,3.81246477 C2.3483823,3.7812744 2.33682461,3.73460454 2.35065911,3.69208631 C2.36449361,3.64956807 2.40131975,3.61857921 2.44564706,3.6121548 L3.38564706,3.47595341 C3.42394828,3.47033894 3.45703069,3.44627857 3.47411764,3.41160999 L3.89458823,2.56152546 C3.9084005,2.53358293 3.93277466,2.51226532 3.96234311,2.50226711 C3.99191156,2.4922689 4.0242494,2.49441006 4.05223529,2.50821905 Z" />
      </clipPath>
    </defs>
    <g transform="translate(-49.0 -508.0)">
      <g clipPath="url(#PersonalRecommendSvgi0)">
        <g transform="translate(23.29332843846896 390.4448424189213)">
          <g transform="translate(11.706671561531039 84.23098140077856)">
            <g transform="translate(14.0 29.324176180300128)">
              <g transform="translate(0.0 4.0)">
                <g clipPath="url(#PersonalRecommendSvgi1)">
                  <polygon
                    points="0,0 8,0 8,10 0,10 0,0"
                    stroke="none"
                    fill="#AEB6CB"
                  />
                </g>
              </g>
            </g>
          </g>
        </g>
      </g>
    </g>
  </svg>
);

const OrderSvg = () => (
  <svg
    version="1.1"
    width="12px"
    height="11px"
    viewBox="0 0 12.0 11.0"
    xmlns="http://www.w3.org/2000/svg"
  >
    <defs>
      <clipPath id="OrderSvgi0">
        <path d="M1440,0 L1440,796 L0,796 L0,0 L1440,0 Z" />
      </clipPath>
      <clipPath id="OrderSvgi1">
        <path d="M1.346433,10.3655866 C1.26062538,10.3852427 1.17303521,10.3939526 1.08571764,10.3917678 L0.955202618,10.3803261 L0.826637831,10.352581 C0.268562575,10.1949902 -0.0560942619,9.61482832 0.101497658,9.05674893 L0.493183582,7.66712954 L0.467598434,7.61405881 C0.19938058,7.01320909 0.0425389195,6.36599739 0.0075194083,5.69814533 L0,5.4107343 C0,2.42246826 2.42246826,0 5.4107343,0 C8.39900034,0 10.8214686,2.42246826 10.8214686,5.4107343 C10.8214686,8.39900034 8.39900034,10.8214686 5.4107343,10.8214686 C4.44181654,10.8214686 3.50969194,10.5658461 2.6922436,10.0899068 L2.655,10.066 L1.346433,10.3655866 Z M5.4107343,1.1 C3.02998149,1.1 1.1,3.02998149 1.1,5.4107343 C1.1,6.10135445 1.2621461,6.76755244 1.56897507,7.36834234 L1.66706774,7.56041379 L1.18218358,9.27412954 L2.85734337,8.89211591 L3.05304526,9.02023992 C3.74841077,9.47548852 4.56061349,9.72146861 5.4107343,9.72146861 C7.79148712,9.72146861 9.72146861,7.79148712 9.72146861,5.4107343 C9.72146861,3.02998149 7.79148712,1.1 5.4107343,1.1 Z M7.97631502,4.12109911 C8.18406556,4.30301757 8.20500659,4.61890671 8.02308813,4.82665724 L6.5597246,6.49781561 C6.36882616,6.71582126 6.03317263,6.7264129 5.82890921,6.5208767 L4.70218358,5.38712954 L3.54397178,6.66089426 C3.37868382,6.84236173 3.11045109,6.87418353 2.90950269,6.7484168 L2.83763348,6.6938518 C2.63348257,6.50790284 2.61872697,6.19166441 2.80467594,5.9875135 L4.31778825,4.32628746 C4.51031042,4.11491991 4.84055024,4.10773275 5.04208595,4.31052424 L6.16018358,5.43512954 L7.27075689,4.16787222 C7.45267535,3.96012168 7.76856449,3.93918065 7.97631502,4.12109911 Z" />
      </clipPath>
    </defs>
    <g transform="translate(-47.0 -537.0)">
      <g clip-path="url(#OrderSvgi0)">
        <g transform="translate(47.62381641766882 537.1317943439137)">
          <g clip-path="url(#OrderSvgi1)">
            <polygon
              points="0,0 10.8214686,0 10.8214686,10.8214686 0,10.8214686 0,0"
              stroke="none"
              fillRule="evenodd"
            />
          </g>
        </g>
      </g>
    </g>
  </svg>
);

const SafeSvg = () => (
  <svg
    version="1.1"
    width="10px"
    height="10px"
    viewBox="0 0 10.0 10.0"
    xmlns="http://www.w3.org/2000/svg"
  >
    <defs>
      <clipPath id="SafeSvgi0">
        <path d="M1440,0 L1440,796 L0,796 L0,0 L1440,0 Z" />
      </clipPath>
      <clipPath id="SafeSvgi1">
        <path d="M1.15894435,0.0432004108 L8.38153379,2.39548993 C8.65735691,2.48532141 8.87295828,2.70655365 8.95931894,2.98836514 C9.10568967,3.46600106 8.84462007,3.97419384 8.37620366,4.12344549 L5.60769967,5.00475532 L7.72639912,7.01557297 C7.90797867,7.19026602 7.93362115,7.47027723 7.7981638,7.67450684 L7.7470376,7.73952822 C7.55668087,7.94525428 7.23881146,7.95467631 7.03705641,7.76057291 L4.29485149,5.15001427 C4.01558183,4.88133604 4.12324742,4.40546448 4.48972461,4.28869375 L7.72639912,3.25721048 L1.06431792,1.08814333 L3.06556941,7.68043714 L3.48500972,6.20700076 C3.55521895,5.96003949 3.79183171,5.808347 4.03443257,5.84197375 L4.10723206,5.85771141 C4.37364581,5.93646162 4.52700944,6.22052311 4.44977929,6.49218051 L3.92276461,8.34595709 C3.83953492,8.6387179 3.6175214,8.86918754 3.33194631,8.95927867 C2.86311847,9.10718102 2.36547419,8.83953905 2.2204267,8.3614836 L0.0396986634,1.17412053 C-0.0140493083,0.996975015 -0.013201509,0.807279226 0.0421276149,0.630640586 C0.191442092,0.153953006 0.691457974,-0.109052919 1.15894435,0.0432004108 Z" />
      </clipPath>
    </defs>
    <g transform="translate(-49.0 -566.0)">
      <g clip-path="url(#SafeSvgi0)">
        <g transform="translate(49.08722488490366 561.8703295278797)">
          <g transform="translate(0.0 4.511254192312663)">
            <g clip-path="url(#SafeSvgi1)">
              <polygon
                points="6.9388939e-18,0 9,0 9,9 6.9388939e-18,9 6.9388939e-18,0"
                stroke="none"
                fillRule="evenodd"
              />
            </g>
          </g>
        </g>
      </g>
    </g>
  </svg>
);

const NoticeOnSvg = () => (
  <svg version="1.1" width="14px" height="14px" viewBox="0 0 14.0 14.0">
    <defs>
      <clipPath id="notice_on">
        <path d="M1440,0 L1440,796 L0,796 L0,0 L1440,0 Z" />
      </clipPath>
      <clipPath id="notice_on1">
        <path d="M6.09628557,0 C6.40805825,0 6.66079994,0.252741691 6.66079994,0.564514368 L6.66079994,2.44624933 C6.66079994,2.75802201 6.40805825,3.0107637 6.09628557,3.0107637 L3.37166705,3.01055699 L1.1283738,9.73001493 L1.1283738,10.468226 L10.8701548,10.468226 L10.8701548,9.72567251 L8.69634026,3.01055699 L8.06033305,3.0107637 C7.77690335,3.0107637 7.54225958,2.80188627 7.50193947,2.52966913 L7.49581869,2.44624933 C7.49581869,2.13447666 7.74856038,1.88173497 8.06033305,1.88173497 L9.1071157,1.88173497 C9.35189775,1.88173497 9.56878854,2.0394903 9.64418459,2.27237157 L11.9725545,9.46417689 L12,9.63805466 L12,11.0328279 C12,11.3446006 11.7472583,11.5973423 11.4354856,11.5973423 L8.17141354,11.5976178 C7.92101143,12.5630542 7.04375807,13.2759456 6,13.2759456 C4.95624193,13.2759456 4.07898857,12.5630542 3.82858646,11.5976178 L0.564514368,11.5973423 C0.252741691,11.5973423 0,11.3446006 0,11.0328279 L0,9.63805466 L0.0290499944,9.45929679 L2.42994139,2.26749146 C2.50685438,2.03710065 2.7225158,1.88173497 2.96540576,1.88173497 L5.53158587,1.88152826 L5.5317712,0.564514368 C5.5317712,0.281084662 5.74064863,0.0464408942 6.01286578,0.0061207852 L6.09628557,0 Z M6.96036412,11.5978848 L5.03924025,11.5972134 C5.23289451,11.9261628 5.59066732,12.1469169 6,12.1469169 C6.40905409,12.1469169 6.76661847,11.9264632 6.96036412,11.5978848 Z" />
      </clipPath>
      <clipPath id="notice_on2">
        <path d="M2.18098385,0 C3.38550797,0 4.3619677,0.97645973 4.3619677,2.18098385 C4.3619677,3.38550797 3.38550797,4.3619677 2.18098385,4.3619677 C0.97645973,4.3619677 0,3.38550797 0,2.18098385 C0,0.97645973 0.97645973,0 2.18098385,0 Z" />
      </clipPath>
    </defs>
    <g transform="translate(-1303.0 -225.0)">
      <g clipPath="url(#notice_on)">
        <g transform="translate(1303.4261146588851 225.59505340366778)">
          <g clipPath="url(#notice_on1)">
            <polygon
              points="0,0 12,0 12,13.2759456 0,13.2759456 0,0"
              stroke="none"
              fill="#AEB5CB"
            />
          </g>
          <path
            d="M6.09628557,0 C6.40805825,0 6.66079994,0.252741691 6.66079994,0.564514368 L6.66079994,2.44624933 C6.66079994,2.75802201 6.40805825,3.0107637 6.09628557,3.0107637 L3.37166705,3.01055699 L1.1283738,9.73001493 L1.1283738,10.468226 L10.8701548,10.468226 L10.8701548,9.72567251 L8.69634026,3.01055699 L8.06033305,3.0107637 C7.77690335,3.0107637 7.54225958,2.80188627 7.50193947,2.52966913 L7.49581869,2.44624933 C7.49581869,2.13447666 7.74856038,1.88173497 8.06033305,1.88173497 L9.1071157,1.88173497 C9.35189775,1.88173497 9.56878854,2.0394903 9.64418459,2.27237157 L11.9725545,9.46417689 L12,9.63805466 L12,11.0328279 C12,11.3446006 11.7472583,11.5973423 11.4354856,11.5973423 L8.17141354,11.5976178 C7.92101143,12.5630542 7.04375807,13.2759456 6,13.2759456 C4.95624193,13.2759456 4.07898857,12.5630542 3.82858646,11.5976178 L0.564514368,11.5973423 C0.252741691,11.5973423 0,11.3446006 0,11.0328279 L0,9.63805466 L0.0290499944,9.45929679 L2.42994139,2.26749146 C2.50685438,2.03710065 2.7225158,1.88173497 2.96540576,1.88173497 L5.53158587,1.88152826 L5.5317712,0.564514368 C5.5317712,0.281084662 5.74064863,0.0464408942 6.01286578,0.0061207852 L6.09628557,0 Z M6.96036412,11.5978848 L5.03924025,11.5972134 C5.23289451,11.9261628 5.59066732,12.1469169 6,12.1469169 C6.40905409,12.1469169 6.76661847,11.9264632 6.96036412,11.5978848 Z"
            stroke="#AEB6CB"
            strokeWidth="0.1"
            fill="none"
            strokeMiterlimit="10"
          />
          <g transform="translate(7.919811983510954 0.6430760792809451)">
            <path
              d="M2.18098385,4.3619677 C3.38550797,4.3619677 4.3619677,3.38550797 4.3619677,2.18098385 C4.3619677,0.97645973 3.38550797,0 2.18098385,0 C0.97645973,0 0,0.97645973 0,2.18098385 C0,3.38550797 0.97645973,4.3619677 2.18098385,4.3619677 Z"
              stroke="#FFFFFF"
              strokeWidth="2"
              fill="none"
              strokeMiterlimit="5"
            />
            <g clipPath="url(#notice_on2)">
              <polygon
                points="0,0 4.3619677,0 4.3619677,4.3619677 0,4.3619677 0,0"
                stroke="none"
                fill="#FF0808"
              />
            </g>
          </g>
        </g>
      </g>
    </g>
  </svg>
);

const BotAvatarBg = () => (
  <svg version="1.1" width="28px" height="32px" viewBox="0 0 28.0 32.0">
    <defs>
      <clipPath id="i0">
        <path d="M1440,0 L1440,796 L0,796 L0,0 L1440,0 Z" />
      </clipPath>
      <clipPath id="i1">
        <path d="M18,1.15470054 L27.8564065,6.84529946 C29.0940108,7.55983064 29.8564065,8.88033872 29.8564065,10.3094011 L29.8564065,21.6905989 C29.8564065,23.1196613 29.0940108,24.4401694 27.8564065,25.1547005 L18,30.8452995 C16.7623957,31.5598306 15.2376043,31.5598306 14,30.8452995 L4.14359354,25.1547005 C2.90598923,24.4401694 2.14359354,23.1196613 2.14359354,21.6905989 L2.14359354,10.3094011 C2.14359354,8.88033872 2.90598923,7.55983064 4.14359354,6.84529946 L14,1.15470054 C15.2376043,0.440169359 16.7623957,0.440169359 18,1.15470054 Z" />
      </clipPath>
    </defs>
    <g transform="translate(-192.0 -145.0)">
      <g clipPath="url(#i0)">
        <g transform="translate(190.0 145.0)">
          <g clipPath="url(#i1)">
            <polygon
              points="2.14359354,0.618802154 29.8564065,0.618802154 29.8564065,31.3811978 2.14359354,31.3811978 2.14359354,0.618802154"
              stroke="none"
              fill="currentColor"
            />
          </g>
        </g>
      </g>
    </g>
  </svg>
);

const BotAvatarCardBg = () => (
  <svg version="1.1" width="38px" height="41px" viewBox="0 0 42.0 41.0">
    <defs>
      <clipPath id="i0">
        <path d="M1440,0 L1440,796 L0,796 L0,0 L1440,0 Z" />
      </clipPath>
      <clipPath id="i1">
        <path d="M34,0 C38.418278,-8.11624501e-16 42,3.581722 42,8 L42,33 C42,37.418278 38.418278,41 34,41 L8,41 C3.581722,41 5.41083001e-16,37.418278 0,33 L0,8 C-5.41083001e-16,3.581722 3.581722,8.11624501e-16 8,0 L34,0 Z" />
      </clipPath>
      <clipPath id="i2">
        <path d="M19.354826,0 C20.0078224,2.98867098e-15 20.6493145,0.171887305 21.214826,0.498385502 L38.843194,10.6761285 C39.994166,11.3406425 40.703194,12.568715 40.703194,13.897743 L40.703194,33.102257 C40.703194,34.431285 39.994166,35.6593575 38.843194,36.3238715 L22.211597,45.9261285 C21.060625,46.5906425 19.642569,46.5906425 18.491597,45.9261285 L1.86000001,36.3238715 C0.709028,35.6593575 -2.05768706e-15,34.431285 0,33.102257 L0.00089241045,11.7092657 L0.257419751,0 L19.354826,0 Z" />
      </clipPath>
    </defs>
    <g transform="translate(-384.0 -301.0)">
      <g clipPath="url(#i0)">
        <g transform="translate(384.0 301.0)">
          <g clipPath="url(#i1)">
            <g transform="translate(0.14840301106569243 -8.0)">
              <g clipPath="url(#i2)">
                <polygon
                  points="0,8 40.703194,8 40.703194,46.424514 0,46.424514 0,8"
                  stroke="none"
                  fill="currentColor"
                />
              </g>
            </g>
          </g>
        </g>
      </g>
    </g>
  </svg>
);

const ChatBotAvatarSvg = () => (
  <svg version="1.1" width="24px" height="26px" viewBox="0 0 24.0 26.0">
    <defs>
      <clipPath id="i01">
        <path d="M1440,0 L1440,796 L0,796 L0,0 L1440,0 Z" />
      </clipPath>
      <clipPath id="i11">
        <path d="M14.6,0.923760431 L22.6583302,5.57623957 C23.6484137,6.14786451 24.2583302,7.20427097 24.2583302,8.34752086 L24.2583302,17.6524791 C24.2583302,18.795729 23.6484137,19.8521355 22.6583302,20.4237604 L14.6,25.0762396 C13.6099166,25.6478645 12.3900834,25.6478645 11.4,25.0762396 L3.34166975,20.4237604 C2.35158631,19.8521355 1.74166975,18.795729 1.74166975,17.6524791 L1.74166975,8.34752086 C1.74166975,7.20427097 2.35158631,6.14786451 3.34166975,5.57623957 L11.4,0.923760431 C12.3900834,0.352135487 13.6099166,0.352135487 14.6,0.923760431 Z" />
      </clipPath>
    </defs>
    <g transform="translate(-21.0 -192.0)">
      <g clipPath="url(#i01)">
        <g transform="translate(20.0 192.0)">
          <g clipPath="url(#i11)">
            <polygon
              points="1.74166975,0.495041723 24.2583302,0.495041723 24.2583302,25.5049583 1.74166975,25.5049583 1.74166975,0.495041723"
              stroke="none"
              fill="currentColor"
            />
          </g>
        </g>
      </g>
    </g>
  </svg>
);

const NewDialogSvg = () => (
  <svg version="1.1" width="13px" height="14px" viewBox="0 0 13.0 14.0">
    <defs>
      <clipPath id="NewDialogSvg0">
        <path d="M1440,0 L1440,796 L0,796 L0,0 L1440,0 Z" />
      </clipPath>
      <clipPath id="NewDialogSvg1">
        <path d="M6.34624882,0 C9.85118527,0 12.6924976,2.91606029 12.6924976,6.51320295 C12.6924976,10.1103456 9.85118527,13.0264059 6.34624882,13.0264059 L1.34200768,13.0264059 C1.12520615,13.0264059 0.912174744,12.9697019 0.724061437,12.861923 C0.12839978,12.5206408 -0.0778154455,11.7610976 0.263466839,11.165436 L0.957,9.953 L0.903831892,9.865037 C0.316331444,8.86241814 0,7.71131997 0,6.51320295 C0,2.91606029 2.84131238,0 6.34624882,0 Z M6.34624882,1.17285438 C3.47245809,1.17285438 1.14279039,3.56380988 1.14279039,6.51320295 C1.14279039,7.57850157 1.4467119,8.59589403 2.00827919,9.46363809 C2.04979424,9.52778792 2.0773919,9.59726251 2.0918095,9.66831166 C2.21664319,9.84886617 2.23509743,10.0930163 2.11839218,10.2967094 L1.28524237,11.7508587 C1.26728014,11.7822093 1.27813358,11.8221853 1.30948419,11.8401475 C1.31938489,11.8458201 1.33059707,11.8488045 1.34200768,11.8488045 L6.12465162,11.8488045 L6.184,11.853 L6.34624882,11.8535515 C9.22003956,11.8535515 11.5497073,9.46259602 11.5497073,6.51320295 C11.5497073,3.56380988 9.22003956,1.17285438 6.34624882,1.17285438 Z" />
      </clipPath>
    </defs>
    <g transform="translate(-928.0 -630.0)">
      <g clipPath="url(#NewDialogSvg0)">
        <g transform="translate(928.0594378377734 630.0485854474382)">
          <g transform="translate(3.0683050407210573 5.997096648732716)">
            <path
              d="M0.834794011,0.429309247 L5.74495284,0.429309247"
              stroke="currentColor"
              strokeWidth="1.2"
              fill="none"
              strokeLinecap="round"
              strokeLinejoin="round"
            />
          </g>
          <g transform="translate(5.928869221279405 3.971326479442794)">
            <path
              d="M0.429309247,0 L0.429309247,4.91015883"
              stroke="currentColor"
              strokeWidth="1.2"
              fill="none"
              strokeLinecap="round"
              strokeLinejoin="round"
            />
          </g>
          <g clipPath="url(#NewDialogSvg1)">
            <polygon
              points="0,0 12.6924976,0 12.6924976,13.0264059 0,13.0264059 0,0"
              stroke="none"
              fill="currentColor"
            />
          </g>
        </g>
      </g>
    </g>
  </svg>
);

const ShareSvg = () => (
  <svg version="1.1" width="16px" height="16px" viewBox="0 0 16.0 16.0">
    <defs>
      <clipPath id="share-i0">
        <path d="M1440,0 L1440,796 L0,796 L0,0 L1440,0 Z" />
      </clipPath>
      <clipPath id="share-i1">
        <path d="M9.52419046,0.271517479 C9.90666055,0.377500791 10.1326609,0.775593352 10.0289764,1.1606821 C9.92529187,1.54577085 9.5311857,1.77203051 9.14871561,1.6660472 C8.18236502,1.3982693 7.16415008,1.37286954 6.16606757,1.60329505 C4.46830077,1.9952554 3.05284743,3.07964698 2.216843,4.57935245 C1.47555401,5.90914819 1.24496025,7.46865393 1.59592113,8.98883252 C2.36223845,12.3081175 5.65080857,14.383124 8.94114808,13.6234893 C11.3000286,13.0788988 13.0847467,11.1971104 13.5534279,8.84689193 C13.6314576,8.45560955 14.0096681,8.20338633 14.3981848,8.2835356 C14.7867015,8.36368487 15.038401,8.74585574 14.9603713,9.13713812 C14.381909,12.0378581 12.1784316,14.3611819 9.26665584,15.0334183 C5.20442446,15.9712583 1.14437756,13.409469 0.198287269,9.31150172 C-0.23467206,7.43614884 0.0504256844,5.50803263 0.965103698,3.86719491 C1.99633432,2.01727388 3.74582423,0.676973856 5.84055981,0.193366041 C7.0711845,-0.0907460553 8.33020197,-0.0593393917 9.52419046,0.271517479 Z M11.7054555,1.64337161 L14.6417834,3.10179136 C14.9832998,3.27141623 15.1325111,3.67527473 14.9824708,4.02390312 L13.7371085,6.91758314 C13.5802378,7.28208248 13.1551646,7.45185703 12.787681,7.29678521 C12.4201975,7.1417134 12.249462,6.72051775 12.4063327,6.35601842 L13.0482988,4.86026141 C9.44290632,5.65587119 7.64585716,7.58079721 7.48990633,10.709437 C7.4701844,11.1050927 7.13067955,11.4103762 6.73160104,11.3913069 C6.33252253,11.3722376 6.02499325,11.0360365 6.04471519,10.6403809 C6.22905626,6.94218425 8.37497066,4.55861498 12.3286591,3.55808944 L11.0560545,2.92603041 C10.7287462,2.76346245 10.5804,2.38783859 10.6960762,2.0535421 L10.7342342,1.9635861 C10.9135613,1.60938965 11.3483919,1.46602474 11.7054555,1.64337161 Z" />
      </clipPath>
    </defs>
    <g transform="translate(-1240.0 -114.0)">
      <g clipPath="url(#share-i0)">
        <g transform="translate(1240.241875941515 114.3934553697418)">
          <g clipPath="url(#share-i1)">
            <polygon
              points="-2.03642658e-13,-1.51989532e-13 15.0407013,-1.51989532e-13 15.0407013,15.2269236 -2.03642658e-13,15.2269236 -2.03642658e-13,-1.51989532e-13"
              stroke="none"
              fill="currentColor"
              opacity="85.8723958%"
            />
          </g>
        </g>
      </g>
    </g>
  </svg>
);
const FavoriteSvg = () => (
  <svg version="1.1" width="16px" height="16px" viewBox="0 0 16.0 16.0">
    <defs>
      <clipPath id="favorite-i0">
        <path d="M1440,0 L1440,796 L0,796 L0,0 L1440,0 Z" />
      </clipPath>
      <clipPath id="favorite-i1">
        <path d="M6.87432726,0.132777502 C7.77261041,-0.230948381 8.80498734,0.173517043 9.24172733,1.09026477 L10.4423497,3.61045495 C10.5110437,3.75464851 10.6432765,3.85455266 10.7961795,3.87777954 L13.4891271,4.28685422 C13.8971884,4.34884114 14.2744441,4.54863539 14.5629799,4.85556553 C15.2907896,5.62977376 15.2783463,6.87205014 14.535187,7.6302675 L12.5633736,9.64203414 C12.452583,9.75506965 12.4023198,9.91768753 12.4289828,10.0768325 L12.8853754,12.8009295 C12.9575495,13.2317193 12.8895161,13.6752811 12.6920769,14.06119 C12.2028171,15.0174833 11.0620546,15.379518 10.1441126,14.8698171 L7.76934312,13.5511912 C7.63090071,13.474319 7.46480112,13.4743266 7.32636516,13.5512114 L4.9561654,14.8675771 C4.58498528,15.0737237 4.15824765,15.1444938 3.74397149,15.0686069 C2.71949907,14.8809448 2.03502929,13.8636176 2.21516545,12.7963431 L2.6740688,10.0774229 C2.70098493,9.91794958 2.6506253,9.75491205 2.53948703,9.64171914 L0.56702896,7.63279584 C0.271391017,7.33169238 0.0790712166,6.9376111 0.0197392232,6.51134793 C-0.129533544,5.43891668 0.583968681,4.44347415 1.61339105,4.28796483 L4.328162,3.87785891 C4.48205968,3.85461041 4.61501395,3.75370101 4.68343027,3.60821801 L5.86329652,1.09930672 C6.04572257,0.711389215 6.34592902,0.39702919 6.71734721,0.204990815 Z M7.97642072,1.74447996 C7.86081307,1.50181144 7.57826221,1.40272378 7.34532569,1.52316147 C7.25247114,1.57117106 7.17741953,1.64976107 7.13181302,1.74674045 L5.95194676,4.25565173 C5.67828148,4.83758373 5.14646442,5.24122132 4.53087369,5.33421532 L1.81610274,5.74432124 C1.55874714,5.78319857 1.38037159,6.0320592 1.41768978,6.30016702 C1.43252278,6.40673281 1.48060273,6.50525313 1.55451221,6.580529 L3.52697029,8.5894523 C3.97152336,9.04222391 4.17296189,9.69437405 4.06529735,10.3322672 L3.606394,13.0511874 C3.56135996,13.318006 3.7324774,13.5723378 3.98859551,13.6192534 C4.09216455,13.6382251 4.19884896,13.6205326 4.29164399,13.5689959 L6.66184375,12.2526302 C7.21558758,11.945091 7.87998592,11.9450607 8.43375555,12.2525495 L10.808525,13.5711754 C11.0380105,13.6986006 11.3232012,13.608092 11.4455161,13.3690186 C11.4948759,13.2725414 11.5118842,13.161651 11.4938407,13.0539535 L11.0374481,10.3298565 C10.9307962,9.69327671 11.131849,9.04280518 11.5750116,8.59066313 L13.5468249,6.57889649 C13.7326148,6.38934215 13.7357256,6.07877306 13.5537731,5.885221 C13.4816392,5.80848847 13.3873253,5.7585399 13.28531,5.74304317 L10.5923624,5.33396849 C9.98075026,5.24106099 9.45181922,4.84144438 9.1770431,4.26467014 Z" />
      </clipPath>
    </defs>
    <g transform="translate(-1280.0 -114.0)">
      <g clipPath="url(#favorite-i0)">
        <g transform="translate(1280.087577246095 114.456517158421)">
          <g clipPath="url(#favorite-i1)">
            <polygon
              points="4.4408921e-16,0 15.1008,0 15.1008,15.1008 4.4408921e-16,15.1008 4.4408921e-16,0"
              stroke="none"
              fill="currentColor"
            />
          </g>
        </g>
      </g>
    </g>
  </svg>
);
const GoBotEditSvg = () => (
  <svg version="1.1" width="16px" height="16px" viewBox="0 0 16.0 16.0">
    <defs>
      <clipPath id="GoBotEdit-i0">
        <path d="M1440,0 L1440,796 L0,796 L0,0 L1440,0 Z" />
      </clipPath>
      <clipPath id="GoBotEdit-i1">
        <path d="M6.36860348,8.87232286 C8.08758087,8.87232286 9.48084444,10.266749 9.48084444,11.9865614 C9.48084444,13.7063739 8.08758087,15.1008 6.36860348,15.1008 C4.89678522,15.1008 3.66375042,14.0785348 3.33959995,12.7050407 L0.718251508,12.7048129 C0.321572154,12.7048129 0,12.3832408 0,11.9865614 C0,11.5898821 0.321572154,11.2683099 0.718251508,11.2683099 L3.33959995,11.2680821 C3.66375042,9.89458802 4.89678522,8.87232286 6.36860348,8.87232286 Z M6.36860348,10.3088259 C5.44325314,10.3088259 4.69286554,11.0598396 4.69286554,11.9865614 C4.69286554,12.9132832 5.44325314,13.664297 6.36860348,13.664297 C7.29395382,13.664297 8.04434142,12.9132832 8.04434142,11.9865614 C8.04434142,11.0598396 7.29395382,10.3088259 6.36860348,10.3088259 Z M14.3825485,11.2683099 C14.7792278,11.2683099 15.1008,11.5898821 15.1008,11.9865614 C15.1008,12.3832408 14.7792278,12.7048129 14.3825485,12.7048129 L11.0071614,12.7048129 C10.6104821,12.7048129 10.2889099,12.3832408 10.2889099,11.9865614 C10.2889099,11.5898821 10.6104821,11.2683099 11.0071614,11.2683099 L14.3825485,11.2683099 Z M9.52193107,0 C10.993688,0 12.2266814,1.02217997 12.5508941,2.39558755 L14.3825485,2.39598706 C14.7792278,2.39598706 15.1008,2.71755922 15.1008,3.11423857 C15.1008,3.51091793 14.7792278,3.83249008 14.3825485,3.83249008 L12.5509346,3.83271788 C12.2267841,5.20621198 10.9937493,6.22847714 9.52193107,6.22847714 C7.80295369,6.22847714 6.40969012,4.83405099 6.40969012,3.11423857 C6.40969012,1.39442615 7.80295369,0 9.52193107,0 Z M9.52193107,1.43650302 C8.59658073,1.43650302 7.84619313,2.18751676 7.84619313,3.11423857 C7.84619313,4.04096038 8.59658073,4.79197413 9.52193107,4.79197413 C10.4472814,4.79197413 11.197669,4.04096038 11.197669,3.11423857 C11.197669,2.18751676 10.4472814,1.43650302 9.52193107,1.43650302 Z M4.70077829,2.39598706 C5.09745764,2.39598706 5.41902979,2.71755922 5.41902979,3.11423857 C5.41902979,3.51091793 5.09745764,3.83249008 4.70077829,3.83249008 L0.718251508,3.83249008 C0.321572154,3.83249008 0,3.51091793 0,3.11423857 C0,2.71755922 0.321572154,2.39598706 0.718251508,2.39598706 L4.70077829,2.39598706 Z" />
      </clipPath>
    </defs>
    <g transform="translate(-1320.0 -114.0)">
      <g clipPath="url(#GoBotEdit-i0)">
        <g transform="translate(1319.993377246095 114.45651715842)">
          <g clipPath="url(#GoBotEdit-i1)">
            <polygon
              points="0,0 15.1008,0 15.1008,15.1008 0,15.1008 0,0"
              stroke="none"
              fill="currentColor"
            />
          </g>
        </g>
      </g>
    </g>
  </svg>
);
const WriteSvg = () => (
  <svg
    version="1.1"
    width="13px"
    height="12px"
    viewBox="0 0 13.0 12.0"
    fill="currentColor"
  >
    <path d="M4.67195028,0.512365 C5.03737611,0.512365 5.33361228,0.801721003 5.33361228,1.15865972 C5.33361228,1.51559844 5.03737611,1.80495445 4.67195028,1.80495445 L2.61735357,1.80495445 C1.90268077,1.80495445 1.323324,2.3708555 1.323324,3.06892983 L1.323324,8.87046995 C1.323324,9.56854428 1.90268077,10.1344453 2.61735357,10.1344453 L8.33934235,10.1344453 C9.05401514,10.1344453 9.63337192,9.56854428 9.63337192,8.87046995 L9.63337192,7.29383379 C9.63337192,6.93689508 9.92960808,6.64753907 10.2950339,6.64753907 C10.6604597,6.64753907 10.9566959,6.93689508 10.9566959,7.29383379 L10.9566959,8.87046995 C10.9566959,10.2824217 9.78486681,11.4270348 8.33934235,11.4270348 L2.61735357,11.4270348 C1.17182911,11.4270348 0,10.2824217 0,8.87046995 L0,3.06892983 C0,1.65697806 1.17182911,0.512365 2.61735357,0.512365 L4.67195028,0.512365 Z M10.4774394,0.362193434 L11.6642318,1.63487251 C12.078813,2.0794564 12.072334,2.75930851 11.6497604,3.15336469 L7.29603282,7.21328138 C7.1434304,7.35558544 6.94954528,7.44663027 6.73929185,7.47471655 L5.65732062,7.61924944 C4.91023133,7.71904783 4.19318597,7.18728837 4.05575498,6.43153144 C4.0216235,6.24383645 4.02602674,6.05304927 4.06869094,5.87103289 L4.30932678,4.84441885 C4.35543604,4.64770495 4.45723365,4.47112874 4.60277486,4.33540937 L8.96163672,0.270704925 C9.38421024,-0.123351259 10.0628582,-0.0823904583 10.4774394,0.362193434 Z M9.70991637,1.21385999 L5.44184281,5.19390297 L5.20772409,6.19392111 L5.20243974,6.23559495 L5.20578575,6.27790695 C5.22637859,6.39115055 5.3338216,6.47083008 5.44576644,6.45587616 L6.49765692,6.31496854 L10.7601658,2.34011467 L9.70991637,1.21385999 Z" />
  </svg>
);
const DeleteSvg = () => (
  <svg
    version="1.1"
    width="14px"
    height="14px"
    viewBox="0 0 14.0 14.0"
    fill="currentColor"
  >
    <path d="M6.5,0 C7.85582811,0 8.99100207,0.913731224 9.28314829,2.13924331 L12.3563316,2.13984761 C12.7118198,2.13984761 13,2.41857112 13,2.762394 C13,3.10621688 12.7118198,3.3849404 12.3563316,3.3849404 L11.631,3.384 L11.6312607,10.6197004 C11.6312607,11.9343036 10.5294069,13 9.17020134,13 L3.82979866,13 C2.47059309,13 1.36873926,11.9343036 1.36873926,10.6197004 L1.368,3.384 L0.643668423,3.3849404 C0.288180169,3.3849404 0,3.10621688 0,2.762394 C0,2.41857112 0.288180169,2.13984761 0.643668423,2.13984761 L3.71685171,2.13924331 C4.00899793,0.913731224 5.14417189,0 6.5,0 Z M10.343,3.384 L2.656,3.384 L2.65607611,10.6197004 C2.65607611,11.2466578 3.18156959,11.7549072 3.82979866,11.7549072 L9.17020134,11.7549072 C9.81843041,11.7549072 10.3439239,11.2466578 10.3439239,10.6197004 L10.343,3.384 Z M4.92071377,6.00060221 C5.27620202,6.00060221 5.56438219,6.27932572 5.56438219,6.6231486 L5.56438219,8.69830325 C5.56438219,9.04212613 5.27620202,9.32084965 4.92071377,9.32084965 C4.56522551,9.32084965 4.27704535,9.04212613 4.27704535,8.69830325 L4.27704535,6.6231486 C4.27704535,6.27932572 4.56522551,6.00060221 4.92071377,6.00060221 Z M8.07928623,6.00060221 C8.43477449,6.00060221 8.72295465,6.27932572 8.72295465,6.6231486 L8.72295465,8.69830325 C8.72295465,9.04212613 8.43477449,9.32084965 8.07928623,9.32084965 C7.72379798,9.32084965 7.43561781,9.04212613 7.43561781,8.69830325 L7.43561781,6.6231486 C7.43561781,6.27932572 7.72379798,6.00060221 8.07928623,6.00060221 Z M6.5,1.24509279 C5.86311827,1.24509279 5.31487745,1.61215579 5.06909407,2.13948165 L7.93090593,2.13948165 C7.68512255,1.61215579 7.13688173,1.24509279 6.5,1.24509279 Z" />
  </svg>
);
const LadingSvg = () => (
  <svg
    viewBox="0 0 1024 1024"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    p-id="3375"
    width="15"
    height="15"
  >
    <path
      d="M384 128A64 64 13680 1 0 640 128 64 64 13680 1 0 384 128zM655.53 240.47A64 64 13680 1 0 911.53 240.47 64 64 13680 1 0 655.53 240.47zM832 512A32 32 13680 1 0 960 512 32 32 13680 1 0 832 512zM719.53 783.53A32 32 13680 1 0 847.53 783.53 32 32 13680 1 0 719.53 783.53zM448.002 896A32 32 13680 1 0 576.002 896 32 32 13680 1 0 448.002 896zM176.472 783.53A32 32 13680 1 0 304.472 783.53 32 32 13680 1 0 176.472 783.53zM144.472 240.47A48 48 13680 1 0 336.472 240.47 48 48 13680 1 0 144.472 240.47zM56 512A36 36 13680 1 0 200 512 36 36 13680 1 0 56 512z"
      fill="#ffffff"
      p-id="3376"
    />
  </svg>
);

const UploadSvg = () => (
  <svg version="1.1" width="22px" height="22px" viewBox="0 0 22.0 22.0">
    <defs>
      <clipPath id="UploadIconi0">
        <path d="M1440,0 L1440,796 L0,796 L0,0 L1440,0 Z" />
      </clipPath>
      <clipPath id="UploadIconi1">
        <path d="M2.14756879,0 C3.33363828,0 4.29513758,0.947396277 4.29513758,2.11606881 C4.29513758,3.28474135 3.33363828,4.23213762 2.14756879,4.23213762 C0.961499298,4.23213762 0,3.28474135 0,2.11606881 C0,0.947396277 0.961499298,0 2.14756879,0 Z" />
      </clipPath>
      <clipPath id="UploadIconi2">
        <path d="M17.8463123,0 C20.0554513,-4.05812251e-16 21.8463123,1.790861 21.8463123,4 L21.8463123,18 C21.8463123,20.209139 20.0554513,22 17.8463123,22 L4,22 C1.790861,22 1.15871992e-15,20.209139 0,18 L0,4 C-2.705415e-16,1.790861 1.790861,4.05812251e-16 4,0 L17.8463123,0 Z" />
      </clipPath>
    </defs>
    <g transform="translate(-1177.0 -702.0)">
      <g clipPath="url(#UploadIconi0)">
        <g transform="translate(1177.15368768597 702.0)">
          <g transform="translate(4.854736069784849 4.767862376528228)">
            <g clipPath="url(#UploadIconi1)">
              <polygon
                points="0,0 4.29513758,0 4.29513758,4.23213762 0,4.23213762 0,0"
                stroke="none"
                fill="#FDFDFE"
              />
              <path
                d="M2.14756879,4.23213762 C3.33363828,4.23213762 4.29513758,3.28474135 4.29513758,2.11606881 C4.29513758,0.947396277 3.33363828,0 2.14756879,0 C0.961499298,0 0,0.947396277 0,2.11606881 C0,3.28474135 0.961499298,4.23213762 2.14756879,4.23213762 Z"
                stroke="currentColor"
                strokeWidth="2.6"
                fill="none"
                strokeMiterlimit="5"
              />
            </g>
          </g>
          <g clipPath="url(#UploadIconi2)">
            <path
              d="M4,0 L17.8463123,0 C20.0554513,-4.05812251e-16 21.8463123,1.790861 21.8463123,4 L21.8463123,18 C21.8463123,20.209139 20.0554513,22 17.8463123,22 L4,22 C1.790861,22 1.15871992e-15,20.209139 0,18 L0,4 C-2.705415e-16,1.790861 1.790861,4.05812251e-16 4,0 Z"
              stroke="currentColor"
              strokeWidth="3"
              fill="none"
              strokeMiterlimit="5"
            />
          </g>
          <g transform="translate(1.8181555495725927 9.0)">
            <path
              d="M0,5.98710092 L8.83269629,1.19494218 C10.2188437,0.442891118 11.8785519,0.388868653 13.3106711,1.04918689 L19.0888554,3.71337891 L19.0888554,3.71337891"
              stroke="currentColor"
              strokeWidth="1.5"
              fill="none"
              strokeLinecap="round"
              strokeLinejoin="round"
            />
          </g>
        </g>
      </g>
    </g>
  </svg>
);

const HotSvg = () => (
  <svg version="1.1" width="11px" height="13px" viewBox="0 0 11.0 13.0">
    <defs>
      <clipPath id="i0">
        <path d="M1440,0 L1440,796 L0,796 L0,0 L1440,0 Z" />
      </clipPath>
      <clipPath id="i1">
        <path d="M4.2004515,0 C7.43202775,1.16666667 7.43202775,4.66666667 7.43202775,4.66666667 L8.4223495,3.79166666 C13.9473025,9.91666667 6.18109501,11.6666667 6.18109501,11.6666667 C6.18109501,11.6666667 7.79688312,9.625 6.18109501,8.45833333 C4.56530689,7.29166666 4.87804007,6.125 4.87804007,6.125 C0.656142068,8.45833333 3.88771832,11.6666667 3.88771832,11.6666667 C-2.6275564,9.04166667 0.656142055,5.54166667 2.27193019,4.375 C3.88771832,3.20833334 4.2004515,0 4.2004515,0 Z" />
      </clipPath>
      <linearGradient
        id="i2"
        x1="5.20330081px"
        y1="1.1105984px"
        x2="5.20330081px"
        y2="10.6290304px"
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FF9670" offset="0%" />
        <stop stopColor="#FA703D" offset="100%" />
      </linearGradient>
    </defs>
    <g transform="translate(-496.0 -301.0)">
      <g clipPath="url(#i0)">
        <g transform="translate(496.06895510260347 298.8967996406698)">
          <g transform="translate(0.0 2.8266355853038485)">
            <g clipPath="url(#i1)">
              <polygon
                points="-4.4408921e-16,0 10.4066016,0 10.4066016,11.6666667 -4.4408921e-16,11.6666667 -4.4408921e-16,0"
                stroke="none"
                fill="url(#i2)"
                opacity="46.1960565%"
              />
            </g>
          </g>
        </g>
      </g>
    </g>
  </svg>
);
const starSvg = () => (
  <svg version="1.1" width="20px" height="19px" viewBox="0 0 20.0 19.0">
    <defs>
      <clipPath id="starSvgi0">
        <path d="M1440,0 L1440,796 L0,796 L0,0 L1440,0 Z" />
      </clipPath>
      <clipPath id="starSvgi1">
        <path d="M9.53771577,0 C10.5660431,0 11.4768473,0.558234821 11.917559,1.469039 L13.1515517,3.96640531 C13.3278364,4.31897467 13.651025,4.55402091 14.0329751,4.61278247 L16.7947684,5.02411339 C17.793715,5.14163651 18.6163768,5.84677523 18.9395654,6.81634098 C19.262754,7.78590672 18.998327,8.8436148 18.2638075,9.54875352 L16.324676,11.487885 C16.0308682,11.7816928 15.913345,12.1636429 15.9721066,12.5455931 L16.4421991,15.3073864 C16.6184838,16.3063329 16.2071528,17.3052795 15.384491,17.8928951 C14.5618292,18.4805107 13.5041211,18.568653 12.5933169,18.0985605 L10.1253314,16.8058062 C9.77276201,16.6295215 9.36143109,16.6295215 9.00886173,16.8058062 L6.54087621,18.0985605 C6.15892606,18.304226 5.71821436,18.3923683 5.30688344,18.3923683 C4.74864862,18.3923683 4.21979458,18.2454644 3.7497021,17.8928951 C2.92704026,17.3052795 2.51570934,16.3063329 2.69199402,15.3073864 L3.1620865,12.5455931 C3.22084806,12.1636429 3.10332494,11.752312 2.80951714,11.487885 L0.811624093,9.54875352 C0.0771045909,8.81423402 -0.18732243,7.78590672 0.135866151,6.81634098 C0.459054732,5.87615601 1.28171657,5.17101729 2.2806631,5.02411339 L5.04245642,4.61278247 C5.42440656,4.55402091 5.74759514,4.31897467 5.92387982,3.96640531 L7.15787259,1.469039 C7.59858429,0.558234821 8.50938847,0 9.53771577,0 Z M9.56709655,1.52780056 C9.09700407,1.52780056 8.71505393,1.7628468 8.50938847,2.17417772 L7.27539571,4.67154403 C6.89344557,5.43544431 6.12954528,5.99367913 5.27750266,6.11120225 L2.51570934,6.52253317 C2.04561686,6.58129473 1.69304749,6.87510254 1.54614359,7.31581424 C1.39923969,7.75652594 1.51676281,8.19723764 1.83995139,8.52042622 L3.83784444,10.4595577 C4.45484082,11.0765541 4.74864862,11.9579775 4.60174472,12.8100201 L4.13165224,15.5718134 C4.0435099,16.0125251 4.21979458,16.4532368 4.60174472,16.7176639 C4.95431408,16.9820909 5.42440656,17.0114717 5.83573748,16.8058062 L8.30372301,15.5130519 C9.06762329,15.101721 10.0078083,15.101721 10.7717085,15.5130519 L13.2396941,16.8058062 C13.6216442,17.0114717 14.0917367,16.9820909 14.4736868,16.7176639 C14.855637,16.4532368 15.0319216,16.0125251 14.9437793,15.5718134 L14.4736868,12.8100201 C14.3267829,11.9579775 14.6205907,11.0765541 15.2375871,10.4595577 L17.2942417,8.52042622 C17.6174303,8.19723764 17.7349534,7.75652594 17.5880495,7.31581424 C17.4411456,6.90448332 17.0885762,6.58129473 16.6184838,6.52253317 L13.8566904,6.11120225 C13.0046478,5.99367913 12.2407475,5.46482509 11.8587974,4.67154403 L10.6248046,2.17417772 C10.4191392,1.7628468 10.037189,1.52780056 9.56709655,1.52780056 Z" />
      </clipPath>
      <clipPath id="starSvgi2">
        <path d="M4.0198513,0.0175719456 C4.19613598,-0.0118088344 4.37242066,-0.0118088344 4.51932456,0.0763335058 C4.84251314,0.252618186 4.96003626,0.663949107 4.7543708,0.928376128 C4.28427832,1.80979953 3.40285491,2.36803435 2.46266995,2.39741513 L2.40390839,2.39741513 C1.46372343,2.39741513 0.582300028,1.86856109 0.0828267673,0.987137688 C-0.0934579131,0.663949107 0.0240652072,0.281998966 0.317873008,0.105714286 C0.494157688,0.0175719456 0.641061589,0.0175719456 0.817346269,0.0469527257 C0.964250169,0.0763335058 1.11115407,0.193856626 1.19929641,0.340760526 C1.46372343,0.810853007 1.96319669,1.10466081 2.43328917,1.10466081 C2.90338165,1.10466081 3.34409335,0.810853007 3.63790116,0.311379746 C3.7260435,0.193856626 3.84356662,0.0763335058 4.0198513,0.0175719456 Z" />
      </clipPath>
    </defs>
    <g transform="translate(-1156.0 -476.0)">
      <g clipPath="url(#starSvgi0)">
        <g transform="translate(1156.750000000002 476.5992943548365)">
          <g clipPath="url(#starSvgi1)">
            <polygon
              points="0,0 19.0754315,0 19.0754315,18.4 0,18.4 0,0"
              stroke="none"
              fill="currentColor"
            />
          </g>
          <g transform="translate(7.075045819437947 9.00232753462842)">
            <g clipPath="url(#starSvgi2)">
              <polygon
                points="-2.22044605e-16,-5.41233725e-16 4.8566876,-5.41233725e-16 4.8566876,2.39741513 -2.22044605e-16,2.39741513 -2.22044605e-16,-5.41233725e-16"
                stroke="none"
                fill="currentColor"
              />
            </g>
          </g>
        </g>
      </g>
    </g>
  </svg>
);
const VideoCameraSvg = () => (
  <svg version="1.1" width="26px" height="25px" viewBox="0 0 26.0 25.0">
    <defs>
      <clipPath id="camerasvgi0">
        <path d="M1440,0 L1440,796 L0,796 L0,0 L1440,0 Z" />
      </clipPath>
      <clipPath id="camerasvgi1">
        <path d="M4.30836721,10.5315643 C4.41368285,10.5315643 4.4998502,10.6177316 4.4998502,10.7230473 L4.4998502,13.4995506 L7.27635351,13.4995506 C7.38166915,13.4995506 7.4678365,13.5857179 7.4678365,13.6910336 L7.4678365,14.8399315 C7.4678365,14.9452471 7.38166915,15.0314145 7.27635351,15.0314145 L4.4998502,15.0314145 L4.4998502,17.8079178 C4.4998502,17.9132334 4.41368285,17.9994008 4.30836721,17.9994008 L3.15946929,17.9994008 C3.05415364,17.9994008 2.9679863,17.9132334 2.9679863,17.8079178 L2.9679863,15.0314145 L0.191482987,15.0314145 C0.0861673442,15.0314145 0,14.9452471 0,14.8399315 L0,13.6910336 C0,13.5857179 0.0861673442,13.4995506 0.191482987,13.4995506 L2.9679863,13.4995506 L2.9679863,10.7230473 C2.9679863,10.6177316 3.05415364,10.5315643 3.15946929,10.5315643 Z M15.7016049,0 C16.5465236,0 17.2334688,0.686945216 17.2334688,1.5318639 L17.2334688,5.17004065 L20.2971966,3.40600363 C20.8070201,3.11159854 21.4460946,3.48020329 21.4460946,4.06901348 L21.4460946,12.7838829 C21.4460946,13.3702996 20.8070201,13.7389043 20.2971966,13.4444992 L17.2334688,11.6804622 L17.2334688,15.318639 C17.2334688,16.1635576 16.5465236,16.8505029 15.7016049,16.8505029 L9.19118338,16.8505029 L9.19118338,15.127156 L15.510122,15.127156 L15.510122,1.72334688 L1.72334688,1.72334688 L1.72334688,9.95711533 L0,9.95711533 L0,1.5318639 C0,0.686945216 0.686945216,0 1.5318639,0 Z M19.7227477,5.72055424 L17.2334688,7.1542831 L17.2334688,9.69861329 L19.7227477,11.1299486 L19.7227477,5.72055424 Z M6.12745559,3.25521078 C6.23277123,3.25521078 6.31893857,3.34137812 6.31893857,3.44669377 L6.31893857,4.59559169 C6.31893857,4.70090733 6.23277123,4.78707468 6.12745559,4.78707468 L3.44669377,4.78707468 C3.34137812,4.78707468 3.25521078,4.70090733 3.25521078,4.59559169 L3.25521078,3.44669377 C3.25521078,3.34137812 3.34137812,3.25521078 3.44669377,3.25521078 Z" />
      </clipPath>
    </defs>
    <g transform="translate(-1035.0 -436.0)">
      <g clipPath="url(#camerasvgi0)">
        <g transform="translate(1035.7401776557745 436.19858870967346)">
          <g transform="translate(1.5318638965140963 3.8296597412852407)">
            <g clipPath="url(#camerasvgi1)">
              <polygon
                points="0,0 21.4460946,0 21.4460946,17.9994008 0,17.9994008 0,0"
                stroke="none"
                fill="currentColor"
              />
            </g>
          </g>
        </g>
      </g>
    </g>
  </svg>
);
const noteAudioPlaySvg = () => (
  <svg version="1.1" width="12px" height="12px" viewBox="0 0 12.0 12.0">
    <defs>
      <clipPath id="noteAudioPlaySvgi0">
        <path d="M1440,0 L1440,796 L0,796 L0,0 L1440,0 Z" />
      </clipPath>
      <clipPath id="noteAudioPlaySvgi1">
        <path d="M5.56515996,0 C8.63794848,-5.64462094e-16 11.1289358,2.49098727 11.1289358,5.5637758 C11.1289358,8.63656432 8.63794848,11.1275516 5.56515996,11.1275516 C2.49098727,11.1275516 3.76308063e-16,8.63656432 0,5.5637758 C-3.76308063e-16,2.49098727 2.49098727,5.64462094e-16 5.5637758,0 Z" />
      </clipPath>
      <linearGradient
        id="noteAudioPlaySvgi2"
        x1="5.56446788px"
        y1="0px"
        x2="5.56446788px"
        y2="11.1275516px"
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#9AAFFF" offset="0%" />
        <stop stopColor="#6177FF" offset="100%" />
      </linearGradient>
      <clipPath id="noteAudioPlaySvgi3">
        <path d="M1.4012492,0 L1.4012492,5.06017898 L0,5.06017898 L0,0 L1.4012492,0 Z M4.6002457,2.07389661e-13 L4.6002457,5.06017898 L3.1989965,5.06017898 L3.1989965,2.07389661e-13 L4.6002457,2.07389661e-13 Z" />
      </clipPath>
    </defs>
    <g transform="translate(-1004.0 -241.0)">
      <g clipPath="url(#noteAudioPlaySvgi0)">
        <g transform="translate(1004.8744202794878 241.47213045484568)">
          <g clipPath="url(#noteAudioPlaySvgi1)">
            <polygon
              points="0,0 11.1289358,0 11.1289358,11.1275516 0,11.1275516 0,0"
              stroke="none"
              fill="url(#noteAudioPlaySvgi2)"
            />
          </g>
          <g transform="translate(3.2643450280650175 3.0336863051531964)">
            <g clipPath="url(#noteAudioPlaySvgi3)">
              <polygon
                points="0,0 4.6002457,0 4.6002457,5.06017898 0,5.06017898 0,0"
                stroke="none"
                fill="#FFFFFF"
              />
            </g>
          </g>
        </g>
      </g>
    </g>
  </svg>
);
const CollectLoadingSvg = (): JSX.Element => (
  <svg version="1.1" width="17px" height="16px" viewBox="0 0 17.0 16.0">
    <defs>
      <clipPath id="CollectLoadingIconi0">
        <path d="M8.18434626,0 C8.64307233,0 9.06057038,0.251881348 9.2545611,0.64664209 L11.1063184,4.40652393 L15.3657354,5.02618213 C15.803419,5.08913818 16.1674634,5.38264746 16.3084195,5.78142627 C16.4493946,6.18224268 16.3429634,6.62352539 16.0340484,6.92463281 L12.9122012,9.97390723 L13.6360626,14.20177 C13.7092828,14.6284849 13.5211573,15.0552568 13.1512286,15.3052339 C12.9475259,15.4407437 12.7093555,15.5106313 12.4698712,15.5106313 C12.2710706,15.5103833 12.0752253,15.4624701 11.8987725,15.370894 L8.18478425,13.4148193 L4.47163386,15.3709131 C4.29473382,15.4624979 4.09848016,15.5104056 3.89927839,15.5106313 C3.660232,15.5106313 3.42204255,15.4407627 3.21835895,15.3052529 C2.8484112,15.0552949 2.65988581,14.6285039 2.73354401,14.2017891 L3.45740534,9.97392627 L0.335939033,6.92465186 C0.0266050487,6.62375391 -0.0794262013,6.18226172 0.0611299511,5.78144531 C0.201686103,5.3826665 0.565730537,5.08913818 1.00341413,5.02622021 L5.26283112,4.40650488 L7.1145694,0.64664209 C7.30983601,0.251862305 7.72647712,0 8.18434626,0 Z" />
      </clipPath>
    </defs>
    <g transform="translate(0.5200839161152544 0.4943832825163099)">
      <g clipPath="url(#CollectLoadingIconi0)">
        <polygon
          points="4.85722573e-17,0 16.3697479,0 16.3697479,15.5106313 4.85722573e-17,15.5106313 4.85722573e-17,0"
          stroke="none"
          fill="#6B89FF"
        />
      </g>
    </g>
  </svg>
);
const apply1Svg = (): JSX.Element => (
  <svg version="1.1" width="32px" height="28px" viewBox="0 0 32.0 28.0">
    <defs>
      <clipPath id="i0">
        <path d="M2560,0 L2560,4000 L0,4000 L0,0 L2560,0 Z" />
      </clipPath>
    </defs>
    <g transform="translate(-779.0 -659.0)">
      <g clipPath="url(#i0)">
        <g transform="translate(780.0 660.0)">
          <polygon
            points="30,0 0,0 0,22.2857143 5.25,22.2857143 5.25,26 12.75,22.2857143 30,22.2857143 30,0 30,0"
            stroke="currentColor"
            strokeWidth="2"
            fill="none"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <g transform="translate(19.0 6.0)">
            <path
              d="M0.5,0 L0.5,1"
              stroke="currentColor"
              strokeWidth="2"
              fill="none"
              strokeLinecap="round"
              strokeLinejoin="round"
            />
          </g>
          <g transform="translate(10.0 6.0)">
            <path
              d="M0.5,0 L0.5,1"
              stroke="currentColor"
              strokeWidth="2"
              fill="none"
              strokeLinecap="round"
              strokeLinejoin="round"
            />
          </g>
          <g transform="translate(9.0 13.0)">
            <path
              d="M11,0 C11,0 9.42857143,4 5.5,4 C1.57142857,4 0,0 0,0"
              stroke="currentColor"
              strokeWidth="2"
              fill="none"
              strokeLinecap="round"
              strokeLinejoin="round"
            />
          </g>
        </g>
      </g>
    </g>
  </svg>
);

const apply2Svg = (): JSX.Element => (
  <svg version="1.1" width="24px" height="29px" viewBox="0 0 24.0 29.0">
    <defs>
      <clipPath id="apply2Svgi0">
        <path d="M2560,0 L2560,4000 L0,4000 L0,0 L2560,0 Z" />
      </clipPath>
    </defs>
    <g transform="translate(-942.0 -658.0)">
      <g clipPath="url(#apply2Svgi0)">
        <g transform="translate(943.0 659.0)">
          <path
            d="M20.625,0 L1.375,0 C0.615608125,0 0,0.60441525 0,1.35 L0,25.65 C0,26.395605 0.615608125,27 1.375,27 L20.625,27 C21.3844125,27 22,26.395605 22,25.65 L22,1.35 C22,0.60441525 21.3844125,0 20.625,0 Z"
            stroke="currentColor"
            strokeWidth="2"
            fill="none"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <g transform="translate(6.0 17.0)">
            <path
              d="M0,0.5 L9,0.5"
              stroke="currentColor"
              strokeWidth="2"
              fill="none"
              strokeLinecap="round"
              strokeLinejoin="round"
            />
          </g>
          <g transform="translate(6.0 21.0)">
            <path
              d="M0,0.5 L5,0.5"
              stroke="currentColor"
              strokeWidth="2"
              fill="none"
              strokeLinecap="round"
              strokeLinejoin="round"
            />
          </g>
          <g transform="translate(7.0 6.0)">
            <path
              d="M8,0 L2.66666667,5 L0,2.5"
              stroke="currentColor"
              strokeWidth="2"
              fill="none"
              strokeLinecap="round"
              strokeLinejoin="round"
            />
          </g>
        </g>
      </g>
    </g>
  </svg>
);
const apply3Svg = (): JSX.Element => (
  <svg version="1.1" width="27px" height="26px" viewBox="0 0 27.0 26.0">
    <defs>
      <clipPath id="i0">
        <path d="M2560,0 L2560,4000 L0,4000 L0,0 L2560,0 Z" />
      </clipPath>
    </defs>
    <g transform="translate(-780.0 -775.0)">
      <g clipPath="url(#i0)">
        <g transform="translate(781.0 776.0)">
          <path
            d="M0,0 L22.3684211,0 C22.3684211,0 25,1.28571429 25,4.5 C25,7.71428571 22.3684211,9 22.3684211,9 L0,9 C0,9 2.63157895,7.71428571 2.63157895,4.5 C2.63157895,1.28571429 0,0 0,0 Z"
            stroke="currentColor"
            strokeWidth="2"
            fill="none"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <g transform="translate(0.0 15.0)">
            <path
              d="M25,0 L2.63157895,0 C2.63157895,0 0,1.28571429 0,4.5 C0,7.71428571 2.63157895,9 2.63157895,9 L25,9 C25,9 22.3684211,7.71428571 22.3684211,4.5 C22.3684211,1.28571429 25,0 25,0 Z"
              stroke="currentColor"
              strokeWidth="2"
              fill="none"
              strokeLinecap="round"
              strokeLinejoin="round"
            />
          </g>
        </g>
      </g>
    </g>
  </svg>
);
const apply4Svg = (): JSX.Element => (
  <svg version="1.1" width="29px" height="30px" viewBox="0 0 29.0 30.0">
    <defs>
      <clipPath id="i0">
        <path d="M2560,0 L2560,4000 L0,4000 L0,0 L2560,0 Z" />
      </clipPath>
    </defs>
    <g transform="translate(-938.0 -773.0)">
      <g clipPath="url(#i0)">
        <g transform="translate(939.0 774.0)">
          <path
            d="M10.1493013,28 C9.48786882,25.7630778 8.49001639,24.0954661 7.155744,22.997165 C5.15430165,21.3497133 1.97426214,22.3736044 0.799593474,20.6743527 C-0.375075187,18.975031 1.62258041,15.8500879 2.32358136,14.006216 C3.02458231,12.1624142 -0.363289688,11.5104335 0.0322400321,10.986973 C0.295935512,10.6380226 2.00793113,9.63100163 5.16827415,7.96597997 C6.06622658,2.65532666 9.38304133,0 15.1187859,0 C23.7222677,0 27,7.56417956 27,12.3752144 C27,17.1863192 23.0310678,22.3693344 17.3772682,23.4868855 C16.8716933,24.2504463 17.6008957,25.7548178 19.5647406,28"
            stroke="currentColor"
            strokeWidth="2"
            fill="none"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <g transform="translate(11.0 5.0)">
            <path
              d="M0.245352594,1.80160624 C-0.179129051,3.53782766 -0.0528176598,4.75694379 0.624286767,5.45895464 C1.30139119,6.161034 2.45541209,6.62011223 4.08634945,6.83625786 C3.71631685,9.07560875 4.16750322,10.126193 5.4397786,9.98794196 C6.71211896,9.84969097 7.47654978,9.29230245 7.73320102,8.31563936 C9.7216308,8.90488453 10.7993061,8.41175737 10.9662268,6.83625786 C11.2167054,4.47297434 10.0080406,2.58774603 9.51254126,2.58774603 C9.01697697,2.58774603 7.73320102,2.52416976 7.73320102,1.80160624 C7.73320102,1.0789742 6.23357812,0.670729583 4.88014897,0.670729583 C3.52671981,0.670729583 4.34124635,-0.291204087 2.48276656,0.0888833714 C1.24375837,0.342229337 0.497975376,0.913114123 0.245352594,1.80160624 Z"
              stroke="currentColor"
              strokeWidth="2"
              fill="none"
              strokeLinejoin="round"
            />
          </g>
          <g transform="translate(13.0 15.0)">
            <path
              d="M3,0 C2.48477479,0.443930164 1.77772711,1.18196142 1.48001216,1.75855714 C0.735775447,3.20022228 0.132086943,4.07802366 0,5"
              stroke="currentColor"
              strokeWidth="2"
              fill="none"
              strokeLinecap="round"
              strokeMiterlimit="10"
            />
          </g>
        </g>
      </g>
    </g>
  </svg>
);
const apply5Svg = (): JSX.Element => (
  <svg version="1.1" width="30px" height="28px" viewBox="0 0 30.0 28.0">
    <defs>
      <clipPath id="i0">
        <path d="M2560,0 L2560,4000 L0,4000 L0,0 L2560,0 Z" />
      </clipPath>
    </defs>
    <g transform="translate(-778.0 -887.0)">
      <g clipPath="url(#i0)">
        <g transform="translate(779.0 888.0)">
          <path
            d="M1.5,0 L26.5,0 C27.3284271,-1.52179594e-16 28,0.671572875 28,1.5 L28,19.5 C28,20.3284271 27.3284271,21 26.5,21 L1.5,21 C0.671572875,21 -5.64680752e-16,20.3284271 0,19.5 L0,1.5 C-1.01453063e-16,0.671572875 0.671572875,-5.13954221e-16 1.5,0 Z"
            stroke="currentColor"
            strokeWidth="2"
            fill="none"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <g transform="translate(13.0 21.0)">
            <path
              d="M0.5,0 L0.5,5"
              stroke="currentColor"
              strokeWidth="2"
              fill="none"
              strokeLinecap="round"
              strokeLinejoin="round"
            />
          </g>
          <g transform="translate(8.0 5.0)">
            <path
              d="M11,0 L0,10"
              stroke="currentColor"
              strokeWidth="2"
              fill="none"
              strokeLinecap="round"
              strokeLinejoin="round"
            />
          </g>
          <g transform="translate(4.0 25.0)">
            <path
              d="M0,0.5 L19,0.5"
              stroke="currentColor"
              strokeWidth="2"
              fill="none"
              strokeLinecap="round"
              strokeLinejoin="round"
            />
          </g>
          <g transform="translate(6.0 6.0)">
            <path
              d="M2,4 C3.1045695,4 4,3.1045695 4,2 C4,0.8954305 3.1045695,0 2,0 C0.8954305,0 0,0.8954305 0,2 C0,3.1045695 0.8954305,4 2,4 Z"
              stroke="currentColor"
              strokeWidth="2"
              fill="none"
              strokeLinecap="round"
              strokeLinejoin="round"
            />
          </g>
          <g transform="translate(18.0 11.0)">
            <path
              d="M2,4 C3.1045695,4 4,3.1045695 4,2 C4,0.8954305 3.1045695,0 2,0 C0.8954305,0 0,0.8954305 0,2 C0,3.1045695 0.8954305,4 2,4 Z"
              stroke="currentColor"
              strokeWidth="2"
              fill="none"
              strokeLinecap="round"
              strokeLinejoin="round"
            />
          </g>
        </g>
      </g>
    </g>
  </svg>
);
const apply6Svg = (): JSX.Element => (
  <svg version="1.1" width="33px" height="28px" viewBox="0 0 33.0 28.0">
    <defs>
      <clipPath id="i0">
        <path d="M2560,0 L2560,4000 L0,4000 L0,0 L2560,0 Z" />
      </clipPath>
    </defs>
    <g transform="translate(-939.0 -886.0)">
      <g clipPath="url(#i0)">
        <g transform="translate(940.0 887.0)">
          <g transform="translate(3.0 2.0)">
            <path
              d="M10.5,0 L2.25,0 C1.0073625,0 0,1.007325 0,2.25 L0,18 L24,18 L24,9.75"
              stroke="currentColor"
              strokeWidth="2"
              fill="none"
              strokeLinecap="round"
              strokeLinejoin="round"
            />
          </g>
          <g transform="translate(0.0 20.0)">
            <path
              d="M0,0 L31,0 L31,1.5 C31,3.985275 28.9181175,6 26.35,6 L4.65,6 C2.08187475,6 0,3.985275 0,1.5 L0,0 Z"
              stroke="currentColor"
              strokeWidth="2"
              fill="none"
              strokeLinejoin="round"
            />
          </g>
          <g transform="translate(19.0 0.0)">
            <path
              d="M3,0 L0,3 L3,6"
              stroke="currentColor"
              strokeWidth="2"
              fill="none"
              strokeLinecap="round"
              strokeLinejoin="round"
            />
          </g>
          <g transform="translate(27.0 0.0)">
            <path
              d="M0,0 L3,3 L0,6"
              stroke="currentColor"
              strokeWidth="2"
              fill="none"
              strokeLinecap="round"
              strokeLinejoin="round"
            />
          </g>
        </g>
      </g>
    </g>
  </svg>
);
const apply7Svg = (): JSX.Element => (
  <svg version="1.1" width="23px" height="28px" viewBox="0 0 23.0 28.0">
    <defs>
      <clipPath id="i0">
        <path d="M2560,0 L2560,4000 L0,4000 L0,0 L2560,0 Z" />
      </clipPath>
    </defs>
    <g transform="translate(-782.0 -1002.0)">
      <g clipPath="url(#i0)">
        <g transform="translate(783.0 1003.0)">
          <path
            d="M19.6875,0 L1.3125,0 C0.587625937,0 0,0.5820295 0,1.3 L0,24.7 C0,25.41799 0.587625937,26 1.3125,26 L19.6875,26 C20.4123937,26 21,25.41799 21,24.7 L21,1.3 C21,0.5820295 20.4123937,0 19.6875,0 Z"
            stroke="currentColor"
            strokeWidth="1.925"
            fill="none"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <g transform="translate(5.25 16.575)">
            <path
              d="M0,0.325 L9.1875,0.325"
              stroke="currentColor"
              strokeWidth="1.925"
              fill="none"
              strokeLinecap="round"
              strokeLinejoin="round"
            />
          </g>
          <g transform="translate(5.25 20.475)">
            <path
              d="M0,0.325 L4.59375,0.325"
              stroke="currentColor"
              strokeWidth="1.925"
              fill="none"
              strokeLinecap="round"
              strokeLinejoin="round"
            />
          </g>
          <g transform="translate(5.25 5.199999999999999)">
            <polygon
              points="0,0 9.1875,0 9.1875,6.5 0,6.5 0,0 0,0"
              stroke="currentColor"
              strokeWidth="1.925"
              fill="none"
              strokeLinecap="round"
              strokeLinejoin="round"
            />
          </g>
        </g>
      </g>
    </g>
  </svg>
);

const BranchChangeSvg = () => (
  <svg version="1.1" width="4px" height="7px" viewBox="0 0 4.0 7.0">
    <defs>
      <clipPath id="branchChangeSvgi0">
        <path d="M1440,0 L1440,796 L0,796 L0,0 L1440,0 Z" />
      </clipPath>
      <clipPath id="branchChangeSvgi1">
        <path d="M3.17123413,0 L3.17123413,6.34246827 L0,3.17335773 L3.17123413,0 Z" />
      </clipPath>
    </defs>
    <g transform="translate(-1292.0 -123.0)">
      <g clipPath="url(#branchChangeSvgi0)">
        <g transform="translate(1292.717272683123 123.23785677519982)">
          <g clipPath="url(#branchChangeSvgi1)">
            <polygon
              points="0,0 3.17123413,0 3.17123413,6.34246827 0,6.34246827 0,0"
              stroke="none"
              fill="#9295BF"
            />
          </g>
        </g>
      </g>
    </g>
  </svg>
);

const GetVideoUrlSvg = () => (
  <svg version="1.1" width="20px" height="20px" viewBox="0 0 20.0 20.0">
    <defs>
      <clipPath id="GetVideoUrlSvgi0">
        <path d="M1440,0 L1440,796 L0,796 L0,0 L1440,0 Z" />
      </clipPath>
      <clipPath id="GetVideoUrlSvgi1">
        <path d="M0.584480345,0 C0.755667057,0 0.912180623,0.0834180163 1.01733817,0.217963204 L5.12092822,2.84966707 C5.29456045,2.95999413 5.41194563,3.16988462 5.41194563,3.40668415 C5.41194563,3.66501091 5.27499626,3.88835592 5.07935431,3.98522846 L0.880388805,6.67613221 C0.792349924,6.73264118 0.692083422,6.76493203 0.584480345,6.76493203 C0.266562166,6.76493203 0.00733657337,6.47969624 0.00733657337,6.12449694 C0.00733657337,6.1002788 0.00733657337,6.07875157 0.00978209783,6.05722434 L0,0.68079865 L0.00733657337,0.640435094 C0.00733657337,0.287926702 0.264116641,0 0.584480345,0 Z" />
      </clipPath>
      <clipPath id="GetVideoUrlSvgi2">
        <path d="M5.41194563,0 L5.41194563,6.76493203 L0,6.76493203 L0,0 L5.41194563,0 Z" />
      </clipPath>
    </defs>
    <g transform="translate(-1207.0 -460.0)">
      <g clipPath="url(#GetVideoUrlSvgi0)">
        <g transform="translate(1208.0738916716268 461.0886699507373)">
          <g transform="translate(9.470904788551707 13.290326794545763)">
            <path
              d="M4.65252762,0 L0,4.29849649"
              stroke="currentColor"
              strokeWidth="1.2"
              fill="none"
              strokeLinecap="round"
              strokeLinejoin="round"
            />
          </g>
          <g transform="translate(12.353561078333165 9.333699203357085) rotate(44.99999999999999)">
            <path
              d="M0,4.04924623 L4.04924623,0 L8.09849244,4.04924623"
              stroke="currentColor"
              strokeWidth="1.2"
              fill="none"
              strokeLinecap="round"
              strokeLinejoin="round"
            />
          </g>
          <g transform="translate(14.882850415772136 8.881784197001252e-14) rotate(90.00000000000001)">
            <g transform="">
              <path
                d="M8.11791844,0 L4.05895922,0 L0,4.05895922 L0,13.6240629 C0,14.3192721 0.563578346,14.8828504 1.25878747,14.8828504 L16.3300358,14.8828504 C17.025245,14.8828504 17.5888233,14.3192721 17.5888233,13.6240629 L17.5888233,9.47090485 L17.5888233,9.47090485"
                stroke="currentColor"
                strokeWidth="1.38"
                fill="none"
                strokeLinecap="round"
                strokeLinejoin="round"
              />
            </g>
          </g>
          <g transform="translate(5.411945568135707 4.058959220419638)">
            <g clipPath="url(#GetVideoUrlSvgi1)">
              <g clipPath="url(#GetVideoUrlSvgi2)">
                <polygon
                  points="0,0 5.41194563,0 5.41194563,6.76493203 0,6.76493203 0,0"
                  stroke="none"
                  fill="currentColor"
                />
              </g>
            </g>
          </g>
        </g>
      </g>
    </g>
  </svg>
);

const ChangePromptSvg = () => (
  <svg version="1.1" width="5px" height="9px" viewBox="0 0 5.0 9.0">
    <defs>
      <clipPath id="changePromptSvgi0">
        <path d="M1440,0 L1440,796 L0,796 L0,0 L1440,0 Z" />
      </clipPath>
      <clipPath id="changePromptSvgi1">
        <path d="M4.20764305,0 L4.20764305,8.41528611 L0,4.21046067 L4.20764305,0 Z" />
      </clipPath>
    </defs>
    <g transform="translate(-1252.0 -283.0)">
      <g clipPath="url(#changePromptSvgi0)">
        <g transform="translate(1252.6040024699457 283.26638458239216)">
          <g clipPath="url(#changePromptSvgi1)">
            <polygon
              points="0,0 4.20764305,0 4.20764305,8.41528611 0,8.41528611 0,0"
              stroke="none"
              fill="currentColor"
              opacity="79.9967448%"
            />
          </g>
        </g>
      </g>
    </g>
  </svg>
);

const RelocateSvg = () => (
  <svg
    version="1.1"
    width="16px"
    height="21px"
    viewBox="0 0 16.0 21.0"
    xmlns="http://www.w3.org/2000/svg"
  >
    <defs>
      <clipPath id="RelocateSvgi0">
        <path d="M1440,0 L1440,796 L0,796 L0,0 L1440,0 Z" />
      </clipPath>
      <clipPath id="RelocateSvgi1">
        <path d="M12.4830066,2.14166652 C15.338667,4.99722189 15.3388374,9.62705081 12.4833871,12.4828163 L7.74133102,17.2248724 C7.62782481,17.3390561 7.47343342,17.4030772 7.31243169,17.4030772 C7.15247735,17.4024027 6.99932016,17.3383156 6.88655277,17.2248724 L2.14147627,12.4828163 C-0.713974016,9.62705081 -0.713803656,4.99722189 2.14185679,2.14166652 C4.99751723,-0.713888841 9.62734615,-0.713888841 12.4830066,2.14166652 Z M7.31243169,1.20759638 C4.84360503,1.20774983 2.61794305,2.69500432 1.67318475,4.97591134 C0.728426451,7.25681836 1.25060719,9.88223727 2.99625454,11.6280381 L7.31243169,15.9442152 L11.6286088,11.6280381 C13.3742562,9.88223727 13.8964369,7.25681836 12.9516786,4.97591134 C12.0069203,2.69500432 9.78125835,1.20774983 7.31243169,1.20759638 Z" />
      </clipPath>
      <clipPath id="RelocateSvgi2">
        <path d="M15.8248624,-1.2 L15.8248624,18.6030772 L-1.2,18.6030772 L-1.2,-1.2 L15.8248624,-1.2 Z M12.4830066,2.14166652 C9.62734615,-0.713888841 4.99751723,-0.713888841 2.14185679,2.14166652 C-0.713803656,4.99722189 -0.713974016,9.62705081 2.14147627,12.4828163 L6.88655277,17.2248724 C6.99932016,17.3383156 7.15247735,17.4024027 7.31243169,17.4030772 C7.47343342,17.4030772 7.62782481,17.3390561 7.74133102,17.2248724 L12.4833871,12.4828163 C15.3388374,9.62705081 15.338667,4.99722189 12.4830066,2.14166652 Z M7.31243169,1.20759638 C9.78125835,1.20774983 12.0069203,2.69500432 12.9516786,4.97591134 C13.8964369,7.25681836 13.3742562,9.88223727 11.6286088,11.6280381 L7.31243169,15.9442152 L2.99625454,11.6280381 C1.25060719,9.88223727 0.728426451,7.25681836 1.67318475,4.97591134 C2.61794305,2.69500432 4.84360503,1.20774983 7.31243169,1.20759638 Z" />
      </clipPath>
      <clipPath id="RelocateSvgi3">
        <path d="M1.59958182,0 C2.48300647,0 3.19916365,0.716157176 3.19916365,1.59958182 C3.19916365,2.48300647 2.48300647,3.19916365 1.59958182,3.19916365 C0.716157176,3.19916365 0,2.48300647 0,1.59958182 C0,0.716157176 0.716157176,0 1.59958182,0 Z" />
      </clipPath>
    </defs>
    <g transform="translate(-1106.0 -710.0)">
      <g clipPath="url(#RelocateSvgi0)">
        <g transform="translate(1078.45739211694 694.25)">
          <g transform="translate(27.789692518725133 16.75)">
            <g clipPath="url(#RelocateSvgi1)">
              <polygon
                points="-4.4408921e-16,-4.4408921e-16 14.6248634,-4.4408921e-16 14.6248634,17.4030772 -4.4408921e-16,17.4030772 -4.4408921e-16,-4.4408921e-16"
                stroke="none"
                fill="currentColor"
              />
            </g>
            <g clipPath="url(#RelocateSvgi2)">
              <path
                d="M7.31243169,17.4030772 C7.15247735,17.4024027 6.99932016,17.3383156 6.88655277,17.2248724 L2.14147627,12.4828163 C-0.713974016,9.62705081 -0.713803656,4.99722189 2.14185679,2.14166652 C4.99751723,-0.713888841 9.62734615,-0.713888841 12.4830066,2.14166652 C15.338667,4.99722189 15.3388374,9.62705081 12.4833871,12.4828163 L7.74133102,17.2248724 C7.62782481,17.3390561 7.47343342,17.4030772 7.31243169,17.4030772 Z M7.31243169,1.20759638 C4.84360503,1.20774983 2.61794305,2.69500432 1.67318475,4.97591134 C0.728426451,7.25681836 1.25060719,9.88223727 2.99625454,11.6280381 L7.31243169,15.9442152 L11.6286088,11.6280381 C13.3742562,9.88223727 13.8964369,7.25681836 12.9516786,4.97591134 C12.0069203,2.69500432 9.78125835,1.20774983 7.31243169,1.20759638 L7.31243169,1.20759638 Z"
                stroke="currentColor"
                strokeWidth="0.4"
                fill="none"
                strokeMiterlimit="5"
              />
            </g>
            <g transform="translate(2.2653268527574264 15.38360476751859)">
              <path
                d="M2.46771519,0.0367026774 C0.987025359,0.376994185 0,0.987237773 0,1.68345073 C0,2.7509865 2.32064642,3.61639523 5.18330885,3.61639523 C8.04597129,3.61639523 10.3666177,2.7509865 10.3666177,1.68345073 C10.3666177,0.961442847 9.30509818,0.331892734 7.73231443,0"
                stroke="currentColor"
                strokeWidth="1.5"
                fill="none"
                strokeLinecap="round"
                strokeMiterlimit="10"
              />
            </g>
            <g transform="translate(5.71284986342107 5.135080758111599)">
              <g clipPath="url(#RelocateSvgi3)">
                <polygon
                  points="0,0 3.19916365,0 3.19916365,3.19916365 0,3.19916365 0,0"
                  stroke="none"
                  fill="currentColor"
                />
              </g>
            </g>
          </g>
        </g>
      </g>
    </g>
  </svg>
);

const AddIcon = ({ strokeColor }: { strokeColor: string }): JSX.Element => (
  <svg
    version="1.1"
    width="16px"
    height="16px"
    viewBox="0 0 16.0 16.0"
    xmlns="http://www.w3.org/2000/svg"
  >
    <defs>
      <clipPath id="i0">
        <path d="M1440,0 L1440,796 L0,796 L0,0 L1440,0 Z" />
      </clipPath>
    </defs>
    <g transform="translate(-547.0 -618.0)">
      <g clipPath="url(#i0)">
        <g transform="translate(548.0 619.0)">
          <path
            d="M7,14 C10.865995,14 14,10.865995 14,7 C14,3.134005 10.865995,0 7,0 C3.134005,0 0,3.134005 0,7 C0,10.865995 3.134005,14 7,14 Z"
            stroke={strokeColor}
            strokeWidth="1.5"
            fill="none"
            strokeLinejoin="round"
          />
          <g transform="translate(6.825000000000001 4.200000000000001)">
            <path
              d="M0.175,0 L0.175,5.6"
              stroke={strokeColor}
              strokeWidth="1.5"
              fill="none"
              strokeLinecap="round"
              strokeLinejoin="round"
            />
          </g>
          <g transform="translate(4.200000000000001 6.825000000000001)">
            <path
              d="M0,0.175 L5.6,0.175"
              stroke={strokeColor}
              strokeWidth="1.5"
              fill="none"
              strokeLinecap="round"
              strokeLinejoin="round"
            />
          </g>
        </g>
      </g>
    </g>
  </svg>
);

const LockSvg = () => (
  <svg version="1.1" width="16px" height="19px" viewBox="0 0 16.0 19.0">
    <defs>
      <clipPath id="LockSvgi0">
        <path d="M1440,0 L1440,796 L0,796 L0,0 L1440,0 Z" />
      </clipPath>
      <clipPath id="LockSvgi1">
        <path d="M6.2137125,0 C8.13144881,0 9.68608125,1.60526384 9.68608125,3.58545714 L9.68608125,4.41020385 L8.22403125,4.41020385 L8.22403125,3.58545714 C8.22403125,2.43902944 7.32398089,1.50966616 6.2137125,1.50966616 L3.47236875,1.50966616 C2.36210036,1.50966616 1.46205,2.43902944 1.46205,3.58545714 L1.46205,6.61706146 L0,6.61706146 L0,3.58545714 C0,1.60526384 1.55463244,0 3.47236875,0 L6.2137125,0 Z" />
      </clipPath>
      <clipPath id="LockSvgi2">
        <path d="M12.7929375,0 C13.8022724,0 14.6205,0.844875705 14.6205,1.8870827 L14.6205,11.4118041 C14.6205,12.4540111 13.8022724,13.2988868 12.7929375,13.2988868 L1.8275625,13.2988868 C0.818227602,13.2988868 0,12.4540111 0,11.4118041 L0,1.8870827 C0,0.844875705 0.818227602,0 1.8275625,0 L12.7929375,0 Z M12.7929375,1.50966616 L1.8275625,1.50966616 C1.62569552,1.50966616 1.46205,1.6786413 1.46205,1.8870827 L1.46205,11.4118041 C1.46205,11.6202455 1.62569552,11.7892207 1.8275625,11.7892207 L12.7929375,11.7892207 C12.9948045,11.7892207 13.15845,11.6202455 13.15845,11.4118041 L13.15845,1.8870827 C13.15845,1.6786413 12.9948045,1.50966616 12.7929375,1.50966616 Z" />
      </clipPath>
      <clipPath id="LockSvgi3">
        <path d="M1.53859777,0 C2.38834185,0 3.07719553,0.711288327 3.07719553,1.58870694 C3.07719553,2.46612556 2.38834185,3.17741389 1.53859777,3.17741389 C0.688853684,3.17741389 0,2.46612556 0,1.58870694 C0,0.711288327 0.688853684,0 1.53859777,0 Z" />
      </clipPath>
    </defs>
    <g transform="translate(-1175.0 -711.0)">
      <g clipPath="url(#LockSvgi0)">
        <g transform="translate(1078.45739211694 694.25)">
          <g transform="translate(97.52210788306002 16.75)">
            <g transform="translate(2.467209375001403 0.0)">
              <g clipPath="url(#LockSvgi1)">
                <polygon
                  points="0,0 9.68608125,0 9.68608125,6.61706146 0,6.61706146 0,0"
                  stroke="none"
                  fill="currentColor"
                />
              </g>
            </g>
            <g transform="translate(0.0 5.701113156256725)">
              <g clipPath="url(#LockSvgi2)">
                <polygon
                  points="0,0 14.6205,0 14.6205,13.2988868 0,13.2988868 0,0"
                  stroke="none"
                  fill="currentColor"
                />
              </g>
            </g>
            <g transform="translate(5.771652233426721 10.76184963486503)">
              <g clipPath="url(#LockSvgi3)">
                <polygon
                  points="0,0 3.07719553,0 3.07719553,3.17741389 0,3.17741389 0,0"
                  stroke="none"
                  fill="currentColor"
                />
              </g>
            </g>
          </g>
        </g>
      </g>
    </g>
  </svg>
);
const HeaderMenuTTsSvg = () => (
  <svg version="1.1" width="14px" height="12px" viewBox="0 0 14.0 12.0">
    <defs>
      <clipPath id="HeaderMenuTTsSvgi0">
        <path d="M1440,0 L1440,796 L0,796 L0,0 L1440,0 Z" />
      </clipPath>
    </defs>
    <g transform="translate(-1302.0 -78.0)">
      <g clipPath="url(#HeaderMenuTTsSvgi0)">
        <g transform="translate(1285.135803627163 52.28963108521279)">
          <g transform="translate(18.11416679429385 27.013417343312227)">
            <path
              d="M8.28094876,10 L8.28094876,1 C8.28094876,0.44771525 7.83323351,-2.12475365e-16 7.28094876,0 L5.66430164,0 C5.42437556,-4.08962947e-16 5.19244668,0.0862618411 5.01083364,0.243045853 L2.15840384,2.70550885 L2.15840384,2.70550885 L1,2.70550885 C0.44771525,2.70550885 -2.8967998e-16,3.1532241 0,3.70550885 L0,6.0736718 C7.3376919e-16,6.62595655 0.44771525,7.0736718 1,7.0736718 L2.15840384,7.0736718 L2.15840384,7.0736718 L5.00418046,9.73090475 C5.18936871,9.90382356 5.43329144,10 5.68665995,10 C5.87988646,10 6.07311297,10 6.26633948,10"
              stroke="currentColor"
              strokeWidth="1.3"
              fill="none"
              strokeLinecap="round"
              strokeLinejoin="round"
            />
            <g transform="translate(10.98060312103491 3.22583025873682)">
              <path
                d="M0.177295735,0 C1.06370295,1.15671305 1.06370295,2.40811937 0.177295735,3.75421897"
                stroke="currentColor"
                strokeWidth="1.3"
                fill="none"
                strokeLinecap="round"
                strokeLinejoin="round"
              />
            </g>
          </g>
        </g>
      </g>
    </g>
  </svg>
);

const SubGraphSvg = () => (
  <svg
    version="1.1"
    width="16px"
    height="21px"
    viewBox="0 0 16.0 21.0"
    xmlns="http://www.w3.org/2000/svg"
  >
    <defs>
      <clipPath id="i0">
        <path d="M1440,0 L1440,796 L0,796 L0,0 L1440,0 Z" />
      </clipPath>
    </defs>
    <g transform="translate(-1138.0 -710.0)">
      <g clipPath="url(#i0)">
        <g transform="translate(1078.45739211694 694.25)">
          <g transform="translate(60.94823861097939 16.75)">
            <g transform="translate(7.170488203219065 12.4623855752493)">
              <path
                d="M3.3022559,6.53761442 C5.12604147,6.53761442 6.6045118,5.07411959 6.6045118,3.26880721 C6.6045118,1.46349484 5.12604147,0 3.3022559,0 C1.47847033,0 0,1.46349484 0,3.26880721 C0,5.07411959 1.47847033,6.53761442 3.3022559,6.53761442 Z"
                stroke="currentColor"
                strokeWidth="1.5"
                fill="none"
                strokeLinecap="round"
                strokeMiterlimit="10"
              />
            </g>
            <g transform="translate(7.90683920005722 0.0)">
              <path
                d="M2.12742954,4.21176144 C3.30237643,4.21176144 4.25485908,3.26892653 4.25485908,2.10588072 C4.25485908,0.942834913 3.30237643,0 2.12742954,0 C0.952482649,0 0,0.942834913 0,2.10588072 C0,3.26892653 0.952482649,4.21176144 2.12742954,4.21176144 Z"
                stroke="currentColor"
                strokeWidth="1.5"
                fill="none"
                strokeLinecap="round"
                strokeMiterlimit="10"
              />
            </g>
            <g transform="translate(0.0 5.809729103652899)">
              <path
                d="M2.75210534,5.4484583 C4.27205115,5.4484583 5.50421068,4.22877937 5.50421068,2.72422915 C5.50421068,1.21967894 4.27205115,0 2.75210534,0 C1.23215953,0 0,1.21967894 0,2.72422915 C0,4.22877937 1.23215953,5.4484583 2.75210534,5.4484583 Z"
                stroke="currentColor"
                strokeWidth="1.5"
                fill="none"
                strokeLinecap="round"
                strokeMiterlimit="10"
              />
            </g>
            <g transform="translate(5.072740013680232 3.4824547378138964)">
              <path
                d="M3.28579191,0.264520321 L0,3.42244337"
                stroke="currentColor"
                strokeWidth="1.5"
                fill="none"
                strokeLinecap="round"
                strokeMiterlimit="10"
              />
            </g>
            <g transform="translate(4.472415393614938 10.05965974851279)">
              <path
                d="M3.43442381,3.38431286 L0.60032462,0.771093886"
                stroke="currentColor"
                strokeWidth="1.5"
                fill="none"
                strokeLinecap="round"
                strokeMiterlimit="10"
              />
            </g>
          </g>
        </g>
      </g>
    </g>
  </svg>
);

const HeaderMenuFeedbackSvg = () => (
  <svg
    version="1.1"
    width="11px"
    height="9px"
    viewBox="0 0 11.0 9.0"
    xmlns="http://www.w3.org/2000/svg"
  >
    <defs>
      <clipPath id="HeaderMenuFeedbackSvgi0">
        <path d="M1440,0 L1440,796 L0,796 L0,0 L1440,0 Z" />
      </clipPath>
      <clipPath id="HeaderMenuFeedbackSvgi1">
        <path d="M7.9103514,0 C9.0692165,0 10,0.97143344 10,2.15956558 L10,6.33667502 C10,7.52480716 9.0692165,8.4962406 7.9103514,8.4962406 L2.0896486,8.4962406 C0.930783504,8.4962406 0,7.52480716 0,6.33667502 L0,2.14705946 L0.001,2.139 L0.00522079065,2.00588277 C0.0813688521,0.888797325 0.981168942,0 2.0896486,0 L7.9103514,0 Z M7.9103514,0.977443609 L2.0896486,0.977443609 C1.52081011,0.977443609 1.04494934,1.4345078 0.984029411,2.02996539 L0.977,2.159 L0.977,2.351 L4.96110674,4.195504 L7.98570618,2.2540196 C8.1901121,2.12275867 8.45545327,2.16299873 8.6127988,2.33792815 L8.66101574,2.40117596 C8.80686123,2.62829365 8.74097708,2.93064004 8.51385939,3.07648552 L5.26407661,5.1633601 C5.12346855,5.25365271 4.94647439,5.26584631 4.7948125,5.19568896 L0.977,3.429 L0.977443609,6.33667502 C0.977443609,6.99410595 1.48017879,7.51879699 2.0896486,7.51879699 L7.9103514,7.51879699 C8.51982121,7.51879699 9.02255639,6.99410595 9.02255639,6.33667502 L9.02255639,2.15956558 C9.02255639,1.50213465 8.51982121,0.977443609 7.9103514,0.977443609 Z" />
      </clipPath>
    </defs>
    <g transform="translate(-48.0 -595.0)">
      <g clip-path="url(#HeaderMenuFeedbackSvgi0)">
        <g transform="translate(48.58722488490366 590.9351647639396)">
          <g transform="translate(0.0 4.278112479130062)">
            <g clip-path="url(#HeaderMenuFeedbackSvgi1)">
              <polygon
                points="0,0 10,0 10,8.4962406 0,8.4962406 0,0"
                stroke="none"
                fillRule="evenodd"
              />
            </g>
          </g>
        </g>
      </g>
    </g>
  </svg>
);
const HeaderMenuQaSvg = () => (
  <svg
    version="1.1"
    width="10px"
    height="10px"
    viewBox="0 0 10.0 10.0"
    xmlns="http://www.w3.org/2000/svg"
  >
    <defs>
      <clipPath id="HeaderMenuQaSvgi0">
        <path d="M1440,0 L1440,796 L0,796 L0,0 L1440,0 Z" />
      </clipPath>
      <clipPath id="HeaderMenuQaSvgi1">
        <path d="M3.95780096,0 C6.14367442,0 7.91560191,1.77262229 7.91560191,3.95917262 C7.91560191,4.66058108 7.73326735,5.3193956 7.41342407,5.8907668 L8.64518243,7.31064778 C9.16926997,7.91377793 9.10538907,8.82767562 8.50247642,9.35198517 C7.89945856,9.87638607 6.98561227,9.81245866 6.46143326,9.20922334 L5.75539296,8.39669833 C5.58887986,8.2050718 5.60923831,7.91474227 5.80086484,7.74822916 C5.99249137,7.58171606 6.28282091,7.60207452 6.44933401,7.79370104 L7.15537432,8.60622601 C7.34644302,8.82611158 7.67942931,8.84940538 7.89920975,8.65827826 C8.11909538,8.46705963 8.1424015,8.13363585 7.95124139,7.91364508 L6.85742786,6.65389203 C6.13474269,7.43171722 5.10309095,7.91834523 3.95780096,7.91834523 C1.7719275,7.91834523 0,6.14572294 0,3.95917262 C0,1.77262229 1.7719275,0 3.95780096,0 Z M3.95780096,0.91932579 C2.27973781,0.91932579 0.91932579,2.28027124 0.91932579,3.95917262 C0.91932579,5.63807399 2.27973781,6.99901944 3.95780096,6.99901944 C5.63586411,6.99901944 6.99627612,5.63807399 6.99627612,3.95917262 C6.99627612,2.28027124 5.63586411,0.91932579 3.95780096,0.91932579 Z" />
      </clipPath>
    </defs>
    <g transform="translate(-636.0 -624.0)">
      <g clip-path="url(#HeaderMenuQaSvgi0)">
        <g transform="translate(611.2758969934685 390.4448424189213)">
          <g transform="translate(11.706671561531039 84.23098140077856)">
            <g transform="translate(13.965229486157114 145.3241761803001)">
              <g transform="translate(0.0 4.0)">
                <g clip-path="url(#HeaderMenuQaSvgi1)">
                  <polygon
                    points="0,0 9,0 9,9.70701485 0,9.70701485 0,0"
                    stroke="none"
                    // fill="#AEB5CB"
                    fillRule="evenodd"
                  />
                </g>
              </g>
            </g>
          </g>
        </g>
      </g>
    </g>
  </svg>
);

const TrashCanSvg = () => (
  <svg
    version="1.1"
    width="14px"
    height="14px"
    viewBox="0 0 14.0 14.0"
    xmlns="http://www.w3.org/2000/svg"
  >
    <defs>
      <clipPath id="TrashCanSvgi0">
        <path d="M1440,0 L1440,796 L0,796 L0,0 L1440,0 Z" />
      </clipPath>
      <clipPath id="TrashCanSvgi1">
        <path d="M7.5531584,0 C7.89061817,0 8.16772967,0.258381673 8.19745082,0.588102946 L12.4963419,0.588883865 C12.8536321,0.588883865 13.1432731,0.878524827 13.1432731,1.23581506 C13.1432731,1.59310529 12.8536321,1.88274626 12.4963419,1.88274626 L11.832,1.882 L11.8324276,10.7505441 C11.8324276,12.0015754 10.7741591,13 9.48691906,13 L3.72594058,13 C2.4387005,13 1.38043199,12.0015754 1.38043199,10.7505441 L1.38043199,3.5391829 C1.38043199,3.18189267 1.67007296,2.89225171 2.02736319,2.89225171 C2.38465342,2.89225171 2.67429438,3.18189267 2.67429438,3.5391829 L2.67429438,10.7505441 C2.67429438,11.2696127 3.13698388,11.7061376 3.72594058,11.7061376 L9.48691906,11.7061376 C10.0758758,11.7061376 10.5385653,11.2696127 10.5385653,10.7505441 L10.538,1.882 L0.646931195,1.88274626 C0.289640962,1.88274626 0,1.59310529 0,1.23581506 C0,0.878524827 0.289640962,0.588883865 0.646931195,0.588883865 L4.606,0.588 L4.60917331,0.551332445 C4.65537999,0.239372696 4.92428081,0 5.24909011,0 L7.5531584,0 Z M5.22493801,2.89225171 C5.58222824,2.89225171 5.8718692,3.18189267 5.8718692,3.5391829 L5.8718692,9.34872212 C5.8718692,9.70601235 5.58222824,9.99565332 5.22493801,9.99565332 C4.86764777,9.99565332 4.57800681,9.70601235 4.57800681,9.34872212 L4.57800681,3.5391829 C4.57800681,3.18189267 4.86764777,2.89225171 5.22493801,2.89225171 Z M7.98792163,2.89225171 C8.34521186,2.89225171 8.63485283,3.18189267 8.63485283,3.5391829 L8.63485283,9.34872212 C8.63485283,9.70601235 8.34521186,9.99565332 7.98792163,9.99565332 C7.6306314,9.99565332 7.34099044,9.70601235 7.34099044,9.34872212 L7.34099044,3.5391829 C7.34099044,3.18189267 7.6306314,2.89225171 7.98792163,2.89225171 Z" />
      </clipPath>
    </defs>
    <g transform="translate(-944.0 -333.0)">
      <g clipPath="url(#TrashCanSvgi0)">
        <g transform="translate(944.3786473074358 333.91824348141745)">
          <g clipPath="url(#TrashCanSvgi1)">
            <polygon
              points="0,0 13.1432731,0 13.1432731,13 0,13 0,0"
              stroke="none"
              fill="currentColor"
            />
          </g>
        </g>
      </g>
    </g>
  </svg>
);
const HeaderMenuRecommendSvg = () => (
  <svg version="1.1" width="13px" height="13px" viewBox="0 0 13.0 13.0">
    <defs>
      <clipPath id="HeaderMenuRecommendSvgi0">
        <path d="M1440,0 L1440,796 L0,796 L0,0 L1440,0 Z" />
      </clipPath>
      <clipPath id="HeaderMenuRecommendSvgi1">
        <path d="M1.54525913,0.0576005477 L11.1753784,3.19398658 C11.5431425,3.31376187 11.830611,3.60873821 11.9457586,3.98448686 C12.1409196,4.62133475 11.7928268,5.29892513 11.1682716,5.49792732 L7.4769329,6.67300709 L10.3018655,9.35409729 C10.5439716,9.58702136 10.5781615,9.96036964 10.3975517,10.2326758 L10.3293835,10.319371 C10.0755745,10.5936724 9.65174861,10.6062351 9.38274188,10.3474306 L5.72646865,6.86668569 C5.35410911,6.50844806 5.49766322,5.87395264 5.98629948,5.71825834 L10.3018655,4.34294731 L1.41909056,1.45085778 L4.08742588,10.2405828 L4.64667963,8.27600101 C4.74029193,7.94671932 5.05577561,7.74446267 5.37924343,7.78929834 L5.47630941,7.81028188 C5.83152775,7.91528216 6.03601258,8.29403082 5.93303905,8.65624068 L5.23035281,11.1279428 C5.1193799,11.5182905 4.82336187,11.8255834 4.44259508,11.9457049 C3.81749129,12.142908 3.15396558,11.7860521 2.96056894,11.1486448 L0.0529315513,1.56549404 C-0.018732411,1.32930002 -0.0176020121,1.0763723 0.0561701532,0.840854115 C0.255256123,0.205270674 0.921943965,-0.145403892 1.54525913,0.0576005477 Z" />
      </clipPath>
    </defs>
    <g transform="translate(-1303.0 -191.0)">
      <g clipPath="url(#HeaderMenuRecommendSvgi0)">
        <g transform="translate(1285.135803627163 52.28963108521279)">
          <g transform="translate(18.46645526915199 138.8708904912534)">
            <g clipPath="url(#HeaderMenuRecommendSvgi1)">
              <polygon
                points="1.38777878e-17,0 12,0 12,12 1.38777878e-17,12 1.38777878e-17,0"
                stroke="none"
                fill="currentColor"
              />
            </g>
          </g>
        </g>
      </g>
    </g>
  </svg>
);

const BotSaveSvg = () => (
  <svg
    version="1.1"
    width="15px"
    height="16px"
    viewBox="0 0 15.0 16.0"
    xmlns="http://www.w3.org/2000/svg"
  >
    <defs>
      <clipPath id="BotTestSvgi0">
        <path d="M1440,0 L1440,796 L0,796 L0,0 L1440,0 Z" />
      </clipPath>
      <clipPath id="BotTestSvgi1">
        <path d="M11.7669586,0 C13.0822,0 14.1484138,1.11908481 14.1484138,2.49954587 L14.1484138,12.3504541 C14.1484138,13.7309152 13.0822,14.85 11.7669586,14.85 L2.38145517,14.85 C2.00866296,14.85 1.70645517,14.5328064 1.70645517,14.1415284 C1.70645517,13.7502503 2.00866296,13.4330567 2.38145517,13.4330567 L11.7669586,13.4330567 C12.3366156,13.4330567 12.7984138,12.948359 12.7984138,12.3504541 L12.7984138,2.49954587 C12.7984138,1.90164098 12.3366156,1.41694329 11.7669586,1.41694329 L2.38145517,1.41694329 C1.81179821,1.41694329 1.35,1.90164098 1.35,2.49954587 L1.35,10.807359 C1.35,11.1986371 1.04779221,11.5158306 0.675,11.5158306 C0.302207794,11.5158306 0,11.1986371 0,10.807359 L0,2.49954587 C0,1.11908481 1.0662138,0 2.38145517,0 L11.7669586,0 Z" />
      </clipPath>
    </defs>
    <g transform="translate(-1093.0 -85.0)">
      <g clipPath="url(#BotTestSvgi0)">
        <g transform="translate(1093.0488465958 85.40625000000018)">
          <g clipPath="url(#BotTestSvgi1)">
            <polygon
              points="0,0 14.1484138,0 14.1484138,14.85 0,14.85 0,0"
              stroke="none"
              fill="currentColor"
            />
          </g>
          <g transform="translate(4.02993763808081 0.9593659315327776)">
            <path
              d="M6.3,0 L6.3,0.167183809 L6.3,0.167183809 L6.3,2.22850267 C6.3,3.2719109 5.49411255,4.1177604 4.5,4.1177604 L1.8,4.1177604 C0.80588745,4.1177604 0,3.2719109 0,2.22850267 L0,0.808915148 L0,0.808915148 L0,0.274226953 L0,0"
              stroke="currentColor"
              strokeWidth="1.35"
              fill="none"
              strokeLinejoin="round"
            />
          </g>
        </g>
      </g>
    </g>
  </svg>
);

const HookSvg = () => (
  <svg width="14px" height="12px" viewBox="0 0 14 12" version="1.1">
    <g id="页面-1" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
      <g
        id="gpt纯净版-欢迎页"
        transform="translate(-202.000000, -376.000000)"
        fill="currentColor"
      >
        <g id="编组-7" transform="translate(200.000000, 373.000000)">
          <g id="编组-8">
            <rect
              id="矩形"
              fillOpacity="0"
              x="0"
              y="0"
              width="18"
              height="18"
            />
            <path
              d="M6.03235757,13.876525 C6.00292398,13.8470914 5.9764932,13.8157921 5.95306525,13.7830078 L2.21638062,10.0456722 C1.92787313,9.75716469 1.92787313,9.28940163 2.21638062,9.00089413 C2.50488811,8.71238664 2.97265118,8.71238664 3.26115867,9.00089413 L6.562,12.3008826 L14.7388413,4.12526323 C15.0273488,3.83675574 15.4951119,3.83675574 15.7836194,4.12526323 C16.0721269,4.41377072 16.0721269,4.88153379 15.7836194,5.17004128 L7.16920825,13.7859252 C7.1463031,13.8176499 7.12057085,13.8479657 7.09201153,13.876525 C6.96087176,14.0076648 6.79269571,14.0791956 6.62115273,14.0911174 L6.50321636,14.0911174 C6.33167338,14.0791956 6.16349734,14.0076648 6.03235757,13.876525 Z"
              id="形状结合"
            />
          </g>
        </g>
      </g>
    </g>
  </svg>
);

const stopOutputSvg = () => (
  <svg version="1.1" width="14px" height="14px" viewBox="0 0 14.0 14.0">
    <defs>
      <clipPath id="stopOutputSvgi0">
        <path d="M1440,0 L1440,796 L0,796 L0,0 L1440,0 Z" />
      </clipPath>
    </defs>
    <g transform="translate(-927.0 -586.0)">
      <g clipPath="url(#stopOutputSvgi0)">
        <g transform="translate(928.5069366398138 586.991106933976)">
          <g transform="translate(3.883718467934427 3.936065927999621)">
            <path
              d="M0.429309247,0 L0.429309247,3.92536819"
              stroke="currentColor"
              strokeWidth="1.2"
              fill="none"
              strokeLinecap="round"
              strokeLinejoin="round"
            />
          </g>
          <g transform="translate(7.055163081236101 3.936065927999621)">
            <path
              d="M0.429309247,0 L0.429309247,3.92536819"
              stroke="currentColor"
              strokeWidth="1.2"
              fill="none"
              strokeLinecap="round"
              strokeLinejoin="round"
            />
          </g>
          <path
            d="M5.89875002,11.7975 C9.1565397,11.7975 11.7975,9.1565397 11.7975,5.89875002 C11.7975,2.64096034 9.1565397,0 5.89875002,0 C2.64096034,0 0,2.64096034 0,5.89875002 C0,9.1565397 2.64096034,11.7975 5.89875002,11.7975 Z"
            stroke="currentColor"
            strokeWidth="1.2"
            fill="none"
            strokeMiterlimit="10"
          />
        </g>
      </g>
    </g>
  </svg>
);

const LogoutIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={LogoutSvg} {...props} />
);

const LockedIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={LockedSvg} {...props} />
);

const CallIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={CallSvg} {...props} />
);
const HeaderMenuTTsSvgIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={HeaderMenuTTsSvg} {...props} />
);
const SafeIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={SafeSvg} {...props} />
);
const HeaderMenuFeedbackSvgIcon = (
  props: Partial<CustomIconComponentProps>
) => <Icon component={HeaderMenuFeedbackSvg} {...props} />;
const HeaderMenuQaSvgIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={HeaderMenuQaSvg} {...props} />
);
const HeaderMenuRecommendSvgIcon = (
  props: Partial<CustomIconComponentProps>
) => <Icon component={HeaderMenuRecommendSvg} {...props} />;

const CopyIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={CopySvg} {...props} />
);

const PraiseIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={PraiseSvg} {...props} />
);

const UnPraiseIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={UnPraiseSvg} {...props} />
);

const ReloadIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={ReloadSvg} {...props} />
);

const DeleteIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={DeleteSvg} {...props} />
);

const PromptReloadIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={PromptReloadSvg} {...props} />
);

const AudioPlayIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={AudioPlaySvg} {...props} />
);

const AudioPauseIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={AudioPauseSvg} {...props} />
);

const MessagePureIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={MessageSvgPure} {...props} />
);

const MessageDarkIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={MessageSvgDark} {...props} />
);
const PluginPureIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={PluginSvgPure} {...props} />
);
const PluginDarkIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={PluginSvgDark} {...props} />
);
const AskPromoptReloadIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={AskPromoptReload} {...props} />
);

const ConfirmIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={ConfirmSvg} {...props} />
);

const ConfirmALIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={ConfirmALSvg} {...props} />
);

const EditIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={EditSvg} {...props} />
);

const BotCenterIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={BotCenterSvg} {...props} />
);

const BotCenterQuitIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={BotCenterQuitSvg} {...props} />
);

const SearchIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={SearchSvg} {...props} />
);

const NoticeIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={NoticeSvg} {...props} />
);

const PersonalRecommendIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={PersonalRecommendSvg} {...props} />
);

const OrderIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={OrderSvg} {...props} />
);

const NoticeOnIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={NoticeOnSvg} {...props} />
);

const LockIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={LockSvg} {...props} />
);

const BotAvatarBgIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={BotAvatarBg} {...props} />
);

const BotAvatarCardIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={BotAvatarCardBg} {...props} />
);

const ChatBotAvatarIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={ChatBotAvatarSvg} {...props} />
);

const NewDialogIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={NewDialogSvg} {...props} />
);

const ShareIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={ShareSvg} {...props} />
);

const FavoriteIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={FavoriteSvg} {...props} />
);
const GoBotEditIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={GoBotEditSvg} {...props} />
);

const LoadingIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={LadingSvg} {...props} />
);
const UploadIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={UploadSvg} {...props} />
);

const HotIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={HotSvg} {...props} />
);
const StarIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={starSvg} {...props} />
);

const NoteAudioPlayIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={noteAudioPlaySvg} {...props} />
);
const CameraIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={VideoCameraSvg} {...props} />
);
const CollectLoadingIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={CollectLoadingSvg} {...props} />
);

const ApplyIcon1 = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={apply1Svg} {...props} />
);
const ApplyIcon2 = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={apply2Svg} {...props} />
);
const ApplyIcon3 = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={apply3Svg} {...props} />
);
const ApplyIcon4 = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={apply4Svg} {...props} />
);
const ApplyIcon5 = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={apply5Svg} {...props} />
);
const ApplyIcon6 = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={apply6Svg} {...props} />
);
const ApplyIcon7 = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={apply7Svg} {...props} />
);

const BranchChangeIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={BranchChangeSvg} {...props} />
);
const GetVideoUrlIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={GetVideoUrlSvg} {...props} />
);

const ChangePromptIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={ChangePromptSvg} {...props} />
);

const WriteIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={WriteSvg} {...props} />
);
const CloseIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={CloseSvg} {...props} />
);

const RelocateIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={RelocateSvg} {...props} />
);

const SubGraphIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={SubGraphSvg} {...props} />
);

const TrashCanIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={TrashCanSvg} {...props} />
);

const BotSaveIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={BotSaveSvg} {...props} />
);

const HookIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={HookSvg} {...props} />
);

const StopOutputIcon = (props: Partial<CustomIconComponentProps>) => (
  <Icon component={stopOutputSvg} {...props} />
);

export {
  LockedIcon,
  CallIcon,
  MessagePureIcon,
  MessageDarkIcon,
  CopyIcon,
  PraiseIcon,
  UnPraiseIcon,
  ReloadIcon,
  DeleteIcon,
  PromptReloadIcon,
  AudioPlayIcon,
  AudioPauseIcon,
  AskPromoptReloadIcon,
  ConfirmIcon,
  ConfirmALIcon,
  EditIcon,
  BotCenterIcon,
  BotCenterQuitIcon,
  SearchIcon,
  BotAvatarBgIcon,
  BotAvatarCardIcon,
  ChatBotAvatarIcon,
  NewDialogIcon,
  ShareIcon,
  LoadingIcon,
  AddIcon,
  UploadIcon,
  HotIcon,
  StarIcon,
  NoteAudioPlayIcon,
  CameraIcon,
  CollectLoadingIcon,
  ApplyIcon1,
  ApplyIcon2,
  ApplyIcon3,
  ApplyIcon4,
  ApplyIcon5,
  ApplyIcon6,
  ApplyIcon7,
  BranchChangeIcon,
  PluginPureIcon,
  PluginDarkIcon,
  GetVideoUrlIcon,
  ChangePromptIcon,
  RelocateIcon,
  LockIcon,
  SubGraphIcon,
  TrashCanIcon,
  FavoriteIcon,
  GoBotEditIcon,
  HeaderMenuTTsSvgIcon,
  HeaderMenuFeedbackSvgIcon,
  HeaderMenuQaSvgIcon,
  HeaderMenuRecommendSvgIcon,
  WriteIcon,
  CloseIcon,
  BotSaveIcon,
  NoticeIcon,
  NoticeOnIcon,
  LogoutIcon,
  HookIcon,
  PersonalRecommendIcon,
  OrderIcon,
  SafeIcon,
  StopOutputIcon,
};
